deploy ts files

Author: francyfox

.npmrc

@@ -0,0 +1,2 @@
+@my-org:registry=https://npm.pkg.github.com/
+git-checks=false

README.md

@@ -1,9 +1,9 @@
 # FN-Scheme
 #### Form schema component for Naive UI framework. Generate form from json like formkit schema component
 
+P.S. alternative @chronicstone/vue-sweetforms
+
 - Package type: `es`
-- Original size: `~14.2kb`
-- Bzip + minify: `~80.4kb`
 
 
 #### TREE

components.d.ts

@@ -9,8 +9,14 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    FnSchema: typeof import('./src/components/fn-schema.vue')['default']
+    FnSchema: typeof import('./src/lib/components/fn-schema.vue')['default']
+    FnUploadDnd: typeof import('./src/lib/components/naive-ui/fn-upload-dnd.vue')['default']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
-    Test: typeof import('./src/components/test.vue')['default']
+    NIcon: typeof import('naive-ui')['NIcon']
+    NP: typeof import('naive-ui')['NP']
+    NText: typeof import('naive-ui')['NText']
+    NUpload: typeof import('naive-ui')['NUpload']
+    NUploadDnd: typeof import('./src/lib/components/naive-ui/n-upload-dnd.vue')['default']
+    Test: typeof import('./src/lib/components/test.vue')['default']
   }
 }

package.json

@@ -1,13 +1,29 @@
 {
-  "name": "fn-forms",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
+  "name": "@francyfox/fn-forms",
+  "description": "Naive UI component. Generate form from json like formkit schema component",
+  "author": "hellisart <7info7web@gmail.com>",
+  "private": false,
+  "version": "0.0.1",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/francyfox/fn-forms.git"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
     "preview": "vite preview"
   },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "naive ui component",
+    "form generator"
+  ],
+  "files": [
+    "src/lib"
+  ],
   "dependencies": {
     "deepmerge": "^4.3.1",
     "naive-ui": "^2.34.3",

src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Test from './components/test.vue';
+import Test from './lib/components/test.vue';
 </script>
 
 <template>

src/components/test-schema.ts

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import naiveUISchemaRender, { NaiveUISchema } from '../module/schema/schema.parser.ts';
+import naiveUISchemaRender, { NaiveUISchema } from 'src/lib/module/schema/schema.parser.ts';
 
 const props = withDefaults(defineProps<{
   data: any,

src/components/test.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { NUploadDragger } from 'naive-ui/es/upload';
+import { NIcon }          from 'naive-ui/es/icon';
+
+withDefaults(defineProps<{
+  icon?: string
+}>(), {
+  icon: null,
+});
+</script>
+
+<template>
+  <n-upload-dragger>
+    <div v-if="icon" style="margin-bottom: 12px">
+      <n-icon size="48" :depth="3">
+        <component :is="icon"/>
+      </n-icon>
+    </div>
+    <n-text style="font-size: 16px">
+      <slot name="title"/>
+    </n-text>
+    <n-p depth="3" style="margin: 8px 0 0 0">
+      <slot name="desc"/>
+    </n-p>
+  </n-upload-dragger>
+</template>
+
+<style scoped>
+
+</style>

src/index.ts

@@ -1,9 +1,3 @@
-export const toPascalCase = (str: string) => {
-    return str.replace(/\w+/g, function (w) {
-        return w[0].toUpperCase() + w.slice(1).toLowerCase();
-    });
-};
-
 export function resolve(path: string, obj: object, separator = '.'): any {
     const properties = Array.isArray(path) ? path : path.split(separator);
     // @ts-ignore

src/components/fn-schema.vue src/lib/components/fn-schema.vue

@@ -0,0 +1,13 @@
+import FnSchema                               from './components/fn-schema.vue';
+import { NaiveUITypes }                       from './module/schema/schema.model';
+import naiveUISchemaRender, { NaiveUISchema } from './module/schema/schema.parser';
+
+export {
+    FnSchema,
+    NaiveUITypes,
+    naiveUISchemaRender,
+};
+
+export type {
+    NaiveUISchema,
+};

src/lib/components/naive-ui/fn-upload-dnd.vue

@@ -10,7 +10,9 @@ export enum NaiveUITypes {
     Radio = 'n-radio',
     RadioGroup = 'n-radio-group',
     Switch = 'n-switch',
-    DynamicTags = 'n-dynamic-tags'
+    DynamicTags = 'n-dynamic-tags',
+    Upload = 'n-upload',
+    UploadDnd = 'fn-upload-dnd'
 }
 
 export const sortComponentsByAction = {
@@ -20,24 +22,24 @@ export const sortComponentsByAction = {
         NaiveUITypes.Select.valueOf(),
         NaiveUITypes.RadioGroup.valueOf(),
         NaiveUITypes.Switch.valueOf(),
-        NaiveUITypes.DynamicTags.valueOf()
+        NaiveUITypes.DynamicTags.valueOf(),
     ],
     change: [
         NaiveUITypes.Radio.valueOf(),
     ],
     checked: [
         NaiveUITypes.Checkbox.valueOf(),
     ],
-}
+};
 
-export const hasValueAction = (v: string) => sortComponentsByAction.value.includes(v)
-export const hasCheckedAction = (v: string) => sortComponentsByAction.checked.includes(v)
-export const hasChangeAction = (v: string) => sortComponentsByAction.change.includes(v)
+export const hasValueAction = (v: string) => sortComponentsByAction.value.includes(v);
+export const hasCheckedAction = (v: string) => sortComponentsByAction.checked.includes(v);
+export const hasChangeAction = (v: string) => sortComponentsByAction.change.includes(v);
 
-export const hasActions = (v:string) => Object.values(sortComponentsByAction)
+export const hasActions = (v: string) => Object.values(sortComponentsByAction)
     .some((i) => {
-        return i.includes(v)
-    })
+        return i.includes(v);
+    });
 
 export type NaiveUISchema = NaiveUISchemaEl[]