@cicctencent/formily 0.0.0-stage → 0.0.1

package/example/src/views/demo/one-of/data.ts

@@ -0,0 +1,139 @@
+export default {
+    type: 'object',
+    properties: {
+        index1: {
+            title: 'oneOf(数组)',
+            type: 'array',
+            items: {
+                type: 'object',
+                oneOf: [
+                    {
+                        title: '检查用户是否风测',
+                        properties: {
+                            name: {
+                                const: 'goTovRiskEvaluate',
+                                default: 'goTovRiskEvaluate',
+                            },
+                        },
+                    },
+                    {
+                        title: '理财通授权-联系顾问',
+                        properties: {
+                            name: {
+                                const: 'goWithConsultDetail',
+                                default: 'goWithConsultDetail',
+                            },
+                        },
+                    },
+                ],
+            },
+        },
+        index2: {
+            title: 'oneOf(对象)',
+            type: 'object',
+            oneOf: [
+                {
+                    title: '进入专区',
+                    properties: {
+                        name: {
+                            type: 'string',
+                            const: 'goToHome',
+                            default: 'goToHome',
+                            'x-hidden': true,
+                        },
+                        options: {
+                            type: 'object',
+                            properties: {
+                                buryReportName: {
+                                    default: '',
+                                    title: '埋点名',
+                                    description: '埋点中文名',
+                                    type: 'string',
+                                    required: true,
+                                },
+                            },
+                        },
+                    },
+                },
+                {
+                    title: '跳转小程序',
+                    properties: {
+                        name: {
+                            type: 'string',
+                            const: 'goToMiniProgram',
+                            default: 'goToMiniProgram',
+                            'x-hidden': true,
+                        },
+                        options: {
+                            type: 'object',
+                            properties: {
+                                buryReportName: {
+                                    default: '',
+                                    title: '埋点名',
+                                    description: '埋点中文名',
+                                    type: 'string',
+                                },
+                                url: {
+                                    title: '跳转路径（只在内嵌小程序场景生效！）',
+                                    type: 'string',
+                                    default: '',
+                                },
+                            },
+                        },
+                    },
+                },
+                {
+                    title: '页面跳转',
+                    properties: {
+                        name: {
+                            type: 'string',
+                            const: 'goToPage',
+                            default: 'goToPage',
+                            'x-hidden': true,
+                        },
+                        options: {
+                            type: 'object',
+                            properties: {
+                                buryReportName: {
+                                    default: '',
+                                    title: '埋点名',
+                                    description: '埋点中文名',
+                                    type: 'string',
+                                    required: true,
+                                },
+                                url: {
+                                    title: '跳转链接',
+                                    type: 'string',
+                                    default: '',
+                                },
+                            },
+                        },
+                    },
+                },
+                {
+                    title: '联系投顾弹框',
+                    properties: {
+                        name: {
+                            type: 'string',
+                            const: 'showCconsultPanel',
+                            default: 'showCconsultPanel',
+                            'x-hidden': true,
+                        },
+                        options: {
+                            type: 'object',
+                            properties: {
+                                buryReportName: {
+                                    default: '',
+                                    title: '埋点名',
+                                    description: '埋点中文名',
+                                    type: 'string',
+                                    required: true,
+                                },
+                            },
+                        },
+                    },
+                },
+            ],
+        },
+    },
+};

package/example/src/views/demo/one-of/index.vue

@@ -0,0 +1,33 @@
+<template>
+    <div class="demo-wrap">
+        <VueForm
+            @on-change="onChange"
+            :schema="schema"
+            :modelValue="values"
+            @fileUpload="onFileUpload"
+        ></VueForm>
+
+        <div>[value]: {{ values }}</div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { VueForm } from '@jt/formily/src/vue-form';
+import { ref } from 'vue';
+import schema from './data';
+
+const values = ref({});
+/**
+ *  file 上传的文件
+ *  done 上传成功回调方法
+ */
+function onFileUpload(file: any, done: any) {
+    done(
+        'https://jt-test-1301270551.cos.ap-guangzhou.myqcloud.com/create-server/test/c3c3bc/6661658229463019.jpg'
+    );
+}
+function onChange(val: any) {
+    console.log('onChange', val);
+    values.value = val;
+}
+</script>

package/example/src/views/demo/rich-editor/data.ts

@@ -0,0 +1,12 @@
+export default {
+    type: 'object',
+    properties: {
+        content: {
+            type: 'string',
+            title: '富文本编辑器',
+            'x-component': 'RichEditor',
+            'x-decorator': 'FormItem',
+            required: true,
+        },
+    },
+};

package/example/src/views/demo/rich-editor/index.vue

@@ -0,0 +1,24 @@
+<template>
+    <div class="demo-wrap">
+        <VueForm
+            @on-change="onChange"
+            :schema="schema"
+            :modelValue="values"
+            @fileUpload="onFileUpload"
+        ></VueForm>
+
+        <div>[value]: {{ values }}</div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { VueForm } from '@jt/formily/src/vue-form';
+import { ref } from 'vue';
+import schema from './data';
+
+const values = ref();
+function onChange(val: any) {
+    console.log('onChange', val);
+    values.value = val;
+}
+</script>

package/example/src/views/demo/select/data.ts

@@ -0,0 +1,38 @@
+export default {
+    type: 'object',
+    properties: {
+        select: {
+            title: '普通选择器',
+            type: 'string',
+            enum: [
+                { label: '选项1', value: 1 },
+                { label: '选项2', value: 2 },
+                { label: '选项3', value: 3 },
+            ],
+            'x-decorator': 'FormItem',
+        },
+        objSelect: {
+            title: '对象选择器',
+            type: 'string',
+            enum: [
+                { label: '选项1', value: { name: 1 } },
+                { label: '选项2', value: { name: 2 } },
+                { label: '选项3', value: { name: 3 } },
+            ],
+            'x-decorator': 'FormItem',
+            'x-component-props': {
+                valueKey: 'name',
+            },
+        },
+        inlineSelect: {
+            inlineTitle: '内联Select',
+            type: 'string',
+            enum: [
+                { label: '选项1', value: 1 },
+                { label: '选项2', value: 2 },
+                { label: '选项3', value: 3 },
+            ],
+            'x-decorator': 'FormItem',
+        },
+    },
+};

package/example/src/views/demo/select/index.vue

@@ -0,0 +1,33 @@
+<template>
+    <div class="demo-wrap">
+        <VueForm
+            @on-change="onChange"
+            :schema="schema"
+            :modelValue="values"
+            @fileUpload="onFileUpload"
+        ></VueForm>
+
+        <div>[value]: {{ values }}</div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { VueForm } from '@jt/formily/src/vue-form';
+import { ref } from 'vue';
+import schema from './data';
+
+const values = ref({});
+/**
+ *  file 上传的文件
+ *  done 上传成功回调方法
+ */
+function onFileUpload(file: any, done: any) {
+    done(
+        'https://jt-test-1301270551.cos.ap-guangzhou.myqcloud.com/create-server/test/c3c3bc/6661658229463019.jpg'
+    );
+}
+function onChange(val: any) {
+    console.log('onChange', val);
+    values.value = val;
+}
+</script>

package/example/src/views/demo/upload-button/data1.ts

@@ -0,0 +1,11 @@
+export default {
+    type: 'object',
+    properties: {
+        imgUrl: {
+            type: 'string',
+            title: '上传图片',
+            'x-component': 'UploadButton',
+            'x-decorator': 'FormItem',
+        },
+    },
+};

package/example/src/views/demo/upload-button/data2.ts

@@ -0,0 +1,12 @@
+export default {
+    type: 'object',
+    properties: {
+        imgUrl: {
+            type: 'string',
+            title: '上传图片',
+            required: true,
+            'x-component': 'UploadButton',
+            'x-decorator': 'FormItem',
+        },
+    },
+};

package/example/src/views/demo/upload-button/index.vue

@@ -0,0 +1,42 @@
+<template>
+    <div class="demo-wrap">
+        <VueForm
+            @on-change="onChange"
+            :schema="schema"
+            :modelValue="values"
+            @fileUpload="onFileUpload"
+        ></VueForm>
+
+        <div>[value]: {{ values }}</div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { VueForm } from '@jt/formily/src/vue-form';
+import { ref } from 'vue';
+import schema from './data1';
+
+const values = ref({});
+/**
+ *  file 上传的文件
+ *  done 上传成功回调方法
+ */
+function onFileUpload(file: any, done: any) {
+    done(
+        'https://jt-test-1301270551.cos.ap-guangzhou.myqcloud.com/create-server/test/c3c3bc/6661658229463019.jpg'
+    );
+}
+
+function onChange(val: any) {
+    console.log('onChange', val);
+    values.value = val;
+}
+</script>
+
+<style lang="scss">
+.demo-tabs > .el-tabs__content {
+    color: #6b778c;
+    font-size: 32px;
+    font-weight: 600;
+}
+</style>

package/example/tsconfig.json

@@ -0,0 +1,32 @@
+{
+    "compilerOptions": {
+        "target": "es5",
+        "module": "esnext",
+        "strict": true,
+        "jsx": "preserve",
+        "importHelpers": true,
+        "moduleResolution": "node",
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true,
+        "forceConsistentCasingInFileNames": true,
+        "useDefineForClassFields": true,
+        "sourceMap": true,
+        "baseUrl": ".",
+        "types": ["webpack-env"],
+        "paths": {
+            "@/*": ["src/*"],
+            "@jt/formily/src": ["../src"]
+        },
+        "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
+    },
+    "include": [
+        "src/**/*.ts",
+        "src/**/*.tsx",
+        "src/**/*.vue",
+        "tests/**/*.ts",
+        "tests/**/*.tsx",
+        "../fixtures/case.ts"
+    ],
+    "exclude": ["node_modules"]
+}

package/example/vite.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import path from "path";
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      "@jt/formily": path.resolve(__dirname, "../"),
+      "@": path.resolve(__dirname, "src"),
+    },
+  },
+});

package/jest.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  preset: "@vue/cli-plugin-unit-jest/presets/typescript-and-babel",
+  transformIgnorePatterns:["./node_modules/(!lodash-es).+\\.js$"]
+};

package/package.json

@@ -1,6 +1,94 @@
 {
   "name": "@cicctencent/formily",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.0.1",
+  "description": "jtuiformily组件库 ",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "export NODE_OPTIONS=\"--max-old-space-size=8192\" && npm run build:index && npm run build:es",
+    "build:es": "node ./build/build.js",
+    "test": "jest",
+    "tw": "jest --watch",
+    "build:index": "rollup --config ./build/rollup.config.bundle.js",
+    "prebuild": "rimraf dist",
+    "prepublish": "npm run build",
+    "docs:dev": "vuepress dev docs",
+    "docs:build": "vuepress build docs",
+    "pub-beta": "npm run build && npm run update:version && npm publish --tag beta",
+    "update:version": "node ./build/update.version.js"
+  },
+  "peerDependencies": {
+    "@cicctencent/icons-vue": "^0.2.8",
+    "@cicctencent/jtui": "^2.2.11-beta.6",
+    "@formily/core": "2.2.6",
+    "@formily/vue": "2.2.6",
+    "@vueuse/core": "9.13.0",
+    "konva": "^8.3.9",
+    "vue": "^3.2.31",
+    "vue-konva": "^3.0.0",
+    "vuedraggable": "^4.1.0"
+  },
+  "dependencies": {
+    "@cicctencent/ark-util": "latest",
+    "@cicctencent/icons-vue": "^0.2.8",
+    "@cicctencent/jtui": "^2.2.13",
+    "@formily/core": "2.2.6",
+    "@formily/grid": "2.2.6",
+    "@formily/json-schema": "2.2.6",
+    "@formily/reactive": "2.2.6",
+    "@formily/reactive-vue": "2.2.6",
+    "@formily/shared": "2.2.6",
+    "@formily/vue": "2.2.6",
+    "@vueup/vue-quill": "^1.5.5",
+    "@vueuse/core": "9.13.0",
+    "dayjs": "^1.11.23",
+    "konva": "^8.4.3",
+    "lodash-es": "^4.18.1",
+    "tslib": "^2.6.2",
+    "object-assign": "^4.1.1",
+    "resize-observer-polyfill": "^1.5.1",
+    "vue-konva": "^3.4.0",
+    "vue-slicksort": "^1.2.0",
+    "vuedraggable": "^4.1.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-replace": "^5.0.7",
+    "@types/jest": "^27.5.2",
+    "@vue/cli-plugin-unit-jest": "^5.0.9",
+    "@vue/compiler-sfc": "^3.5.43",
+    "@vue/test-utils": "^2.5.1",
+    "@vue/vue3-jest": "^27.0.0",
+    "@vuepress/bundler-webpack": "2.0.0-rc.7",
+    "@vuepress/plugin-register-components": "2.0.0-rc.135",
+    "babel-jest": "^27.5.1",
+    "directory-tree": "^2.3.1",
+    "jest": "^27.5.1",
+    "quill": "^1.3.7",
+    "rimraf": "^2.7.1",
+    "rollup": "^2.80.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^3.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.31.2",
+    "rollup-plugin-vue": "^6.0.0",
+    "sass": "1.53.0",
+    "ts-jest": "^27.1.5",
+    "typescript": "~4.5.5",
+    "vite-plugin-require-transform": "^1.0.21",
+    "vue": "^3.5.43",
+    "vue-router": "^4.6.4"
+  },
+  "pnpm": {
+    "overrides": {
+      "@types/node": "16.11.7",
+      "@types/lodash": "4.14.194"
+    }
+  },
+  "author": "",
+  "license": "ISC"
+}

package/src/components/__builtins__/configs/index.ts

@@ -0,0 +1 @@
+export const stylePrefix = 'formily-element-plus'

package/src/components/__builtins__/index.ts

@@ -0,0 +1,2 @@
+export * from './configs'
+export * from './shared'

package/src/components/__builtins__/shared/create-context.ts

@@ -0,0 +1,54 @@
+import type { DefineComponent } from "vue";
+import {
+  defineComponent,
+  provide,
+  inject,
+  readonly,
+  InjectionKey,
+  ref,
+  Ref,
+  toRef,
+} from "vue";
+
+export type CreateContext<T> = {
+  Provider?: DefineComponent;
+  Consumer?: DefineComponent;
+  injectKey: InjectionKey<Ref<T>>;
+};
+
+export const createContext = <T>(defaultValue?: T): CreateContext<T> => {
+  const injectKey: InjectionKey<Ref<T>> = Symbol();
+
+  return {
+    Provider: defineComponent({
+      name: "ContextProvider",
+      props: {
+        value: {
+          type: null,
+          default() {
+            return defaultValue ?? null;
+          },
+        },
+      },
+      setup(props, { slots }) {
+        const value = toRef(props, "value" as never);
+        provide(injectKey, readonly(value as any));
+        return () => slots?.default?.();
+      },
+    }),
+
+    Consumer: defineComponent({
+      name: "ContextConsumer",
+      setup(_props, { slots }) {
+        const value = inject(injectKey);
+        return () => slots?.default?.(value);
+      },
+    }),
+    injectKey,
+  } as any;
+};
+
+export const useContext = <T>(context: CreateContext<T>) => {
+  const key = context.injectKey;
+  return inject(key, ref<any>(null));
+};

package/src/components/__builtins__/shared/index.ts

@@ -0,0 +1,7 @@
+export * from './transform-component'
+export * from './resolve-component'
+export * from './create-context'
+export * from './utils'
+export * from './portal'
+export * from './loading'
+export * from './types'

package/src/components/__builtins__/shared/loading.ts

@@ -0,0 +1,20 @@
+import { ElLoading } from "@cicctencent/jtui";
+
+export const loading = async (
+  loadingText = "Loading...",
+  processor: () => Promise<any>
+) => {
+  let loadingInstance: any = null;
+  const loading = setTimeout(() => {
+    loadingInstance = ElLoading.service({
+      text: loadingText,
+      background: "transparent",
+    });
+  }, 100);
+  try {
+    return await processor();
+  } finally {
+    loadingInstance?.close();
+    clearTimeout(loading);
+  }
+};

package/src/components/__builtins__/shared/portal.ts

@@ -0,0 +1,43 @@
+import { defineComponent, onBeforeUnmount } from 'vue'
+import { h, Fragment } from '@formily/vue'
+export interface IPortalProps {
+  id?: string | symbol
+}
+
+const PortalMap = new Map<string | symbol, any>()
+
+export const createPortalProvider = (id: string | symbol) => {
+  const Portal = defineComponent({
+    name: 'PortalProvider',
+    props: {
+      id: {
+        type: [String, Symbol],
+        default: id,
+      },
+    },
+
+    setup(props, { slots }) {
+      onBeforeUnmount(() => {
+        const { id } = props
+        if (id && PortalMap.has(id)) {
+          PortalMap.delete(id)
+        }
+      })
+    },
+
+    render() {
+      const { id } = this
+      if (id && !PortalMap.has(id)) {
+        PortalMap.set(id, this)
+      }
+
+      return h(Fragment, {}, this.$slots)
+    },
+  })
+
+  return Portal
+}
+
+export function getPortalContext(id: string | symbol) {
+  return PortalMap.get(id)
+}

package/src/components/__builtins__/shared/resolve-component.ts

@@ -0,0 +1,22 @@
+import { DefineComponent, h, toRaw } from 'vue'
+import { SlotTypes } from '.'
+import { isVnode } from './utils'
+
+export const resolveComponent = (
+  child?: SlotTypes,
+  props?: Record<string, any>
+) => {
+  if (child) {
+    if (typeof child === 'string' || typeof child === 'number') {
+      return child
+    } else if (typeof child === 'function') {
+      return (child as Function)(props)
+    } else if (isVnode(child)) {
+      return child
+    } else {
+      return h(toRaw(child as DefineComponent), props)
+    }
+  }
+
+  return null
+}