epic-designer-gold 0.0.1 → 0.0.2

package/packages/ui/naiveUi/row/index.ts

@@ -1,106 +0,0 @@
-import { type ComponentConfigModel } from "@epic-designer/utils";
-export default {
-  component: () => import("./row"),
-  groupName: "布局",
-  icon: "icon--epic--width-normal-outline",
-  sort: 800,
-  defaultSchema: {
-    label: "栅格布局",
-    type: "row",
-    children: [
-      {
-        type: "col",
-        children: [],
-        componentProps: {
-          span: 12,
-        },
-      },
-      {
-        type: "col",
-        children: [],
-        componentProps: {
-          span: 12,
-        },
-      },
-    ],
-  },
-  editConstraints:{
-    childImmovable: true,
-  },
-  config: {
-    attribute: [
-      // {
-      //   label: "垂直对齐方式",
-      //   type: "select",
-      //   componentProps: {
-      //     style: { width: "100%" },
-      //     options: [
-      //       {
-      //         label: "top",
-      //         value: "top",
-      //       },
-      //       {
-      //         label: "middle",
-      //         value: "middle",
-      //       },
-      //       {
-      //         label: "bottom",
-      //         value: "bottom",
-      //       },
-      //     ],
-      //     placeholder: "请选择",
-      //   },
-      //   field: "componentProps.align",
-      // },
-      // {
-      //   label: "水平排列方式",
-      //   type: "select",
-      //   componentProps: {
-      //     style: { width: "100%" },
-      //     options: [
-      //       {
-      //         label: "start",
-      //         value: "start",
-      //       },
-      //       {
-      //         label: "end",
-      //         value: "end",
-      //       },
-      //       {
-      //         label: "center",
-      //         value: "center",
-      //       },
-      //       {
-      //         label: "space-around",
-      //         value: "space-around",
-      //       },
-      //       {
-      //         label: "space-between",
-      //         value: "space-between",
-      //       },
-      //     ],
-      //     placeholder: "请选择",
-      //   },
-      //   field: "componentProps.justify",
-      // },
-      {
-        label: "栅格间距",
-        type: "number",
-        field: "componentProps.gutter",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "列编辑",
-        type: "EColEditor",
-        field: "children",
-      },
-      {
-        label: "隐藏",
-        type: "switch",
-        field: "componentProps.hidden",
-      },
-    ],
-  },
-} as ComponentConfigModel;

package/packages/ui/naiveUi/row/row.ts

@@ -1,31 +0,0 @@
-import type { PropType } from 'vue'
-import { defineComponent, h, renderSlot } from 'vue'
-import { NRow } from 'naive-ui'
-import { type ComponentSchema } from '@epic-designer/core/types/epic-designer'
-export default defineComponent({
-  props: {
-    componentSchema: {
-      type: Object as PropType<ComponentSchema>,
-      require: true,
-      default: () => ({})
-    }
-  },
-  setup (props, { slots }) {
-    return () => {
-      const componentSchema = {
-        ...props.componentSchema,
-        title: props.componentSchema.label
-      } as any
-      const children = componentSchema.children
-      delete componentSchema.children
-
-      return h(NRow, componentSchema, {
-        default: () => [
-          renderSlot(slots, 'edit-node', {}, () =>
-            children.map((node: ComponentSchema) => renderSlot(slots, 'node', { componentSchema: node }))
-          )
-        ]
-      })
-    }
-  }
-})

package/packages/ui/naiveUi/select/index.ts

@@ -1,197 +0,0 @@
-import { type ComponentConfigModel } from "@epic-designer/utils";
-export default {
-  component: async () => (await import("naive-ui/lib/select")).NSelect,
-  groupName: "表单",
-  icon: "icon--epic--select",
-  sort: 900,
-  defaultSchema: {
-    label: "选择框",
-    type: "select",
-    field: "select",
-    input: true,
-    componentProps: {
-      options: [
-        {
-          label: "选项1",
-          value: "选项1",
-        },
-        {
-          label: "选项2",
-          value: "选项2",
-        },
-      ],
-      placeholder: "请选择",
-    },
-  },
-  config: {
-    attribute: [
-      {
-        label: "字段名",
-        type: "input",
-        field: "field",
-      },
-      {
-        label: "标题",
-        type: "input",
-        field: "label",
-      },
-      {
-        label: "默认值",
-        type: "select",
-        field: "componentProps.defaultValue",
-      },
-      {
-        label: "占位内容",
-        type: "input",
-        field: "componentProps.placeholder",
-      },
-      {
-        label: "尺寸",
-        type: "select",
-        field: "componentProps.size",
-        componentProps: {
-          placeholder: "请选择",
-          clearable: true,
-          options: [
-            {
-              label: "极小",
-              value: "tiny",
-            },
-            {
-              label: "小型",
-              value: "small",
-            },
-            {
-              label: "中等",
-              value: "medium",
-            },
-            {
-              label: "大号",
-              value: "large",
-            },
-          ],
-        },
-      },
-      {
-        label: "菜单弹出的位置",
-        type: "select",
-        field: "componentProps.placement",
-        componentProps: {
-          placeholder: "请选择",
-          clearable: true,
-          options: [
-            {
-              label: "top-start",
-              value: "top-start",
-            },
-            {
-              label: "top",
-              value: "top",
-            },
-            {
-              label: "top-end",
-              value: "top-end",
-            },
-            {
-              label: "right-start",
-              value: "right-start",
-            },
-            {
-              label: "right",
-              value: "right",
-            },
-            {
-              label: "right-end",
-              value: "right-end",
-            },
-            {
-              label: "bottom-start",
-              value: "bottom-start",
-            },
-            {
-              label: "bottom",
-              value: "bottom",
-            },
-            {
-              label: "bottom-end",
-              value: "bottom-end",
-            },
-            {
-              label: "left-start",
-              value: "left-start",
-            },
-            {
-              label: "left",
-              value: "left",
-            },
-            {
-              label: "left-end",
-              value: "left-end",
-            },
-          ],
-        },
-      },
-      {
-        label: "可过滤",
-        type: "switch",
-        field: "componentProps.filterable",
-      },
-      {
-        label: "允许创建新选项",
-        type: "switch",
-        field: "componentProps.tag",
-        show: ({ values }) => values.componentProps.filterable,
-      },
-      {
-        label: "多选",
-        type: "switch",
-        field: "componentProps.multiple",
-      },
-      {
-        label: "最大tag数",
-        type: "number",
-        field: "componentProps.maxTagCount",
-        show: ({ values }) => values.componentProps.multiple,
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "可清空",
-        type: "switch",
-        field: "componentProps.clearable",
-      },
-      {
-        label: "禁用",
-        type: "switch",
-        field: "componentProps.disabled",
-      },
-      {
-        label: "隐藏",
-        type: "switch",
-        field: "componentProps.hidden",
-      },
-      {
-        label: "表单校验",
-        type: "ERuleEditor",
-        layout: "vertical",
-        field: "rules",
-        describe: "校验规则需要配合表单使用",
-      },
-      {
-        label: "选项管理",
-        type: "EOptionsEditor",
-        layout: "vertical",
-        field: "componentProps.options",
-        describe: "配置选项",
-      },
-    ],
-    event: [
-      {
-        type: "change",
-        describe: "值修改",
-      },
-    ],
-  },
-  bindModel: "value",
-} as ComponentConfigModel;

package/packages/ui/naiveUi/slider/index.ts

@@ -1,182 +0,0 @@
-import { type ComponentConfigModel } from "@epic-designer/utils";
-export default {
-  component: async () => (await import("naive-ui/lib/slider")).NSlider,
-  groupName: "表单",
-  icon: "icon--epic--switches",
-  sort: 930,
-  defaultSchema: {
-    label: "滑块",
-    type: "slider",
-    field: "slider",
-    input: true,
-    componentProps: {
-      placement: "top-start",
-    },
-  },
-  config: {
-    attribute: [
-      {
-        label: "字段名",
-        type: "input",
-        field: "field",
-      },
-      {
-        label: "标题",
-        type: "input",
-        field: "label",
-      },
-      {
-        label: "默认值",
-        type: "slider",
-        field: "componentProps.defaultValue",
-      },
-      {
-        label: "键盘可控",
-        type: "switch",
-        field: "componentProps.keyboard",
-      },
-      {
-        label: "范围选择",
-        type: "switch",
-        field: "componentProps.range",
-        changeSync: true,
-        onChange: ({ value, values }) => {
-          if (value) {
-            values.componentProps.defaultValue = [0, 100];
-          } else {
-            values.componentProps.defaultValue = 0;
-          }
-        },
-      },
-      {
-        label: "倒转轨道",
-        type: "switch",
-        field: "componentProps.reverse",
-      },
-      {
-        label: "步长",
-        type: "number",
-        field: "componentProps.step",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "一直显示提示",
-        type: "switch",
-        field: "componentProps.showTooltip",
-      },
-      {
-        label: "垂直模式",
-        type: "switch",
-        field: "componentProps.vertical",
-      },
-      {
-        label: "最大值",
-        type: "number",
-        field: "componentProps.max",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "最小值",
-        type: "number",
-        field: "componentProps.min",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "弹出位置",
-        type: "select",
-        field: "componentProps.placement",
-        componentProps: {
-          placeholder: "请选择",
-          clearable: true,
-          options: [
-            {
-              label: "top-start",
-              value: "top-start",
-            },
-            {
-              label: "top",
-              value: "top",
-            },
-            {
-              label: "top-end",
-              value: "top-end",
-            },
-            {
-              label: "right-start",
-              value: "right-start",
-            },
-            {
-              label: "right",
-              value: "right",
-            },
-            {
-              label: "right-end",
-              value: "right-end",
-            },
-            {
-              label: "bottom-start",
-              value: "bottom-start",
-            },
-            {
-              label: "bottom",
-              value: "bottom",
-            },
-            {
-              label: "bottom-end",
-              value: "bottom-end",
-            },
-            {
-              label: "left-start",
-              value: "left-start",
-            },
-            {
-              label: "left",
-              value: "left",
-            },
-            {
-              label: "left-end",
-              value: "left-end",
-            },
-          ],
-        },
-      },
-      {
-        label: "禁用",
-        type: "switch",
-        field: "componentProps.disabled",
-      },
-      {
-        label: "隐藏",
-        type: "switch",
-        field: "componentProps.hidden",
-      },
-      {
-        label: "表单校验",
-        type: "ERuleEditor",
-        layout: "vertical",
-        field: "rules",
-        describe: "校验规则需要配合表单使用",
-        componentProps: {
-          ruleType: "number",
-        },
-      },
-    ],
-    event: [
-      {
-        type: "input",
-        describe: "拖拽实时触发",
-      },
-      {
-        type: "change",
-        describe: "拖拽结束改变值时",
-      },
-    ],
-  },
-  bindModel: "value",
-} as ComponentConfigModel;

package/packages/ui/naiveUi/switch/index.ts

@@ -1,136 +0,0 @@
-import { type ComponentConfigModel } from "@epic-designer/utils";
-export default {
-  component: async () => (await import("naive-ui/lib/switch")).NSwitch,
-  groupName: "表单",
-  icon: "icon--epic--toggle-off-outline",
-  sort: 930,
-  defaultSchema: {
-    label: "开关",
-    type: "switch",
-    field: "switch",
-    input: true,
-    componentProps: {
-      defaultValue: false,
-      round: true,
-    },
-  },
-  config: {
-    attribute: [
-      {
-        label: "字段名",
-        type: "input",
-        field: "field",
-      },
-      {
-        label: "标题",
-        type: "input",
-        field: "label",
-      },
-      {
-        label: "默认值",
-        type: "switch",
-        field: "componentProps.defaultValue",
-      },
-      {
-        label: "ON状态值",
-        type: "input",
-        field: "componentProps.checkedValue",
-        componentProps: {
-          placeholder: "请输入",
-        },
-        onChange(e) {
-          setTimeout(() => setDefaultValue(e));
-        },
-      },
-      {
-        label: "OFF状态值",
-        type: "input",
-        field: "componentProps.uncheckedValue",
-        componentProps: {
-          placeholder: "请输入",
-        },
-        onChange(e) {
-          setTimeout(() => setDefaultValue(e));
-        },
-      },
-      {
-        label: "尺寸",
-        type: "select",
-        field: "componentProps.size",
-        componentProps: {
-          placeholder: "请选择",
-          clearable: true,
-          options: [
-            {
-              label: "大号",
-              value: "large",
-            },
-            {
-              label: "中等",
-              value: "medium",
-            },
-            {
-              label: "小型",
-              value: "small",
-            },
-          ],
-        },
-      },
-      {
-        label: "圆型按钮",
-        type: "switch",
-        field: "componentProps.round",
-      },
-      {
-        label: "禁用",
-        type: "switch",
-        field: "componentProps.disabled",
-      },
-      {
-        label: "隐藏",
-        type: "switch",
-        field: "componentProps.hidden",
-      },
-      {
-        label: "表单校验",
-        type: "ERuleEditor",
-        layout: "vertical",
-        field: "rules",
-        describe: "校验规则需要配合表单使用",
-        componentProps: {
-          ruleType: "boolean",
-        },
-      },
-    ],
-    event: [
-      {
-        type: "change",
-        describe: "状态发生变化时",
-      },
-    ],
-  },
-  bindModel: "value",
-} as ComponentConfigModel;
-
-function setDefaultValue(e) {
-  let defaultValue = e.values.componentProps?.uncheckedValue || false;
-  // 如果uncheckedValue === ''，则在下一个事件循环中删除 uncheckedValue 属性
-  if (e.values.componentProps.uncheckedValue === "") {
-    delete e.values.componentProps.uncheckedValue;
-  }
-
-  // 如果checkedValue === ''，则在下一个事件循环中删除 checkedValue 属性
-  if (e.values.componentProps.checkedValue === "") {
-    delete e.values.componentProps.checkedValue;
-  }
-
-  // 检查是否已经有了 componentProps 对象，如果有，将默认值赋给 defaultValue 属性
-  if (e.values.componentProps) {
-    e.values.componentProps.defaultValue = defaultValue;
-  } else {
-    // 如果没有 componentProps 对象，则创建一个新对象并添加 defaultValue 属性
-    e.values.componentProps = {
-      defaultValue,
-    };
-  }
-}