epic-designer-gold 0.0.4 → 0.0.6

package/packages/ui/antd/input/index.ts

@@ -1,170 +0,0 @@
-import { type ComponentConfigModel } from "@epic-designer/utils";
-export default {
-  component: async () => (await import("ant-design-vue")).Input,
-  groupName: "表单",
-  icon: "icon--epic--border-color-outline-rounded",
-  sort: 700,
-  defaultSchema: {
-    label: "输入框",
-    type: "input",
-    field: "input",
-    input: true,
-    componentProps: {
-      placeholder: "请输入",
-    },
-  },
-  config: {
-    attribute: [
-      {
-        label: "字段名",
-        type: "input",
-        field: "field",
-      },
-      {
-        label: "标题",
-        type: "input",
-        field: "label",
-      },
-      {
-        label: "占位内容",
-        type: "input",
-        field: "componentProps.placeholder",
-      },
-      {
-        label: "默认值",
-        type: "input",
-        field: "componentProps.defaultValue",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "输入类型",
-        type: "select",
-        componentProps: {
-          placeholder: "请选择",
-          allowClear: true,
-          options: [
-            {
-              label: "text",
-              value: "text",
-            },
-            {
-              label: "number",
-              value: "number",
-            },
-            {
-              label: "password",
-              value: "password",
-            },
-          ],
-        },
-        field: "componentProps.type",
-      },
-      {
-        label: "尺寸",
-        type: "select",
-        componentProps: {
-          placeholder: "请选择",
-          allowClear: true,
-          options: [
-            {
-              label: "大号",
-              value: "large",
-            },
-            {
-              label: "中等",
-              value: "middle",
-            },
-            {
-              label: "小型",
-              value: "small",
-            },
-          ],
-        },
-        field: "componentProps.size",
-      },
-      {
-        label: "无边框",
-        type: "switch",
-        componentProps: {
-          checkedValue: false,
-          unCheckedValue: true,
-        },
-        field: "componentProps.bordered",
-      },
-      {
-        label: "最大输入长度",
-        type: "number",
-        field: "componentProps.maxlength",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "展示字数",
-        type: "switch",
-        field: "componentProps.showCount",
-      },
-      {
-        label: "可清空",
-        type: "switch",
-        field: "componentProps.allowClear",
-      },
-      {
-        label: "禁用",
-        type: "switch",
-        field: "componentProps.disabled",
-      },
-      {
-        label: "隐藏",
-        type: "switch",
-        field: "componentProps.hidden",
-      },
-      {
-        label: "表单校验",
-        type: "ERuleEditor",
-        layout: "vertical",
-        field: "rules",
-        describe: "校验规则需要配合表单使用",
-      },
-    ],
-    event: [
-      {
-        type: "input",
-        describe: "输入值时",
-      },
-      {
-        type: "change",
-        describe: "值修改时",
-      },
-      {
-        type: "pressEnter",
-        describe: "按下回车时",
-      },
-      {
-        type: "focus",
-        describe: "获取焦点时",
-      },
-      {
-        type: "blur",
-        describe: "失去焦点时",
-      },
-    ],
-    action: [
-      {
-        type: "focus",
-        describe: "使输入框获取焦点",
-      },
-      {
-        type: "blur",
-        describe: "使输入框失去焦点",
-      },
-      {
-        type: "select",
-        describe: "选中输入框中的文字",
-      },
-    ],
-  },
-  bindModel: "value",
-} as ComponentConfigModel;

package/packages/ui/antd/input-number/index.ts

@@ -1,182 +0,0 @@
-import { type ComponentConfigModel } from "@epic-designer/utils";
-
-export default {
-  component: async () => (await import("ant-design-vue")).InputNumber,
-  groupName: "表单",
-  icon: "icon--epic--123-rounded",
-  sort: 710,
-  defaultSchema: {
-    label: "数字输入框",
-    type: "number",
-    field: "number",
-    input: true,
-    componentProps: {
-      style: { width: "100%" },
-      placeholder: "请输入",
-    },
-  },
-  config: {
-    attribute: [
-      {
-        label: "字段名",
-        type: "input",
-        field: "field",
-      },
-      {
-        label: "标题",
-        type: "input",
-        field: "label",
-      },
-      {
-        label: "默认值",
-        type: "number",
-        field: "componentProps.defaultValue",
-        componentProps: {
-          placeholder: "请输入",
-          size: "middle",
-        },
-      },
-      {
-        label: "占位内容",
-        type: "input",
-        field: "componentProps.placeholder",
-      },
-      {
-        label: "尺寸",
-        type: "select",
-        componentProps: {
-          placeholder: "请选择",
-          allowClear: true,
-          options: [
-            {
-              label: "大号",
-              value: "large",
-            },
-            {
-              label: "中等",
-              value: "middle",
-            },
-            {
-              label: "小型",
-              value: "small",
-            },
-          ],
-        },
-        field: "componentProps.size",
-      },
-      {
-        label: "键盘快捷行为",
-        type: "switch",
-        field: "componentProps.keyboard",
-      },
-      {
-        label: "最大值",
-        type: "number",
-        field: "componentProps.max",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "最小值",
-        type: "number",
-        field: "componentProps.min",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "精度",
-        type: "number",
-        field: "componentProps.precision",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "步长",
-        type: "number",
-        field: "componentProps.step",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "字符模式",
-        type: "switch",
-        field: "componentProps.stringMode",
-      },
-      {
-        label: "无边框",
-        type: "switch",
-        componentProps: {
-          checkedValue: false,
-          unCheckedValue: true,
-        },
-        field: "componentProps.bordered",
-      },
-      {
-        label: "可清空",
-        type: "switch",
-        field: "componentProps.allowClear",
-      },
-      {
-        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: "值修改",
-      },
-      {
-        type: "pressEnter",
-        describe: "按下回车的回调",
-      },
-      {
-        type: "focus",
-        describe: "获取焦点",
-      },
-      {
-        type: "blur",
-        describe: "失去焦点",
-      },
-    ],
-    action: [
-      {
-        type: "focus",
-        describe: "使 input 获取焦点",
-      },
-      {
-        type: "blur",
-        describe: "使 input 失去焦点",
-      },
-      {
-        type: "select",
-        describe: "选中 input 中的文字",
-      },
-    ],
-  },
-  bindModel: "value",
-} as ComponentConfigModel;

package/packages/ui/antd/input-password/index.ts

@@ -1,153 +0,0 @@
-import { type ComponentConfigModel } from "@epic-designer/utils";
-export default {
-  component: async () => (await import("ant-design-vue")).InputPassword,
-  groupName: "表单",
-  icon: "icon--epic--lock-outline",
-  sort: 720,
-  defaultSchema: {
-    label: "密码输入框",
-    type: "password",
-    field: "password",
-    input: true,
-    componentProps: {
-      placeholder: "请输入",
-    },
-  },
-  config: {
-    attribute: [
-      {
-        label: "字段名",
-        type: "input",
-        field: "field",
-      },
-      {
-        label: "标题",
-        type: "input",
-        field: "label",
-      },
-      {
-        label: "占位内容",
-        type: "input",
-        field: "componentProps.placeholder",
-      },
-      {
-        label: "尺寸",
-        type: "select",
-        componentProps: {
-          placeholder: "请选择",
-          allowClear: true,
-          options: [
-            {
-              label: "大号",
-              value: "large",
-            },
-            {
-              label: "中等",
-              value: "middle",
-            },
-            {
-              label: "小型",
-              value: "small",
-            },
-          ],
-        },
-        field: "componentProps.size",
-      },
-      {
-        label: "无边框",
-        type: "switch",
-        componentProps: {
-          checkedValue: false,
-          unCheckedValue: true,
-        },
-        field: "componentProps.bordered",
-      },
-      {
-        label: "最大输入长度",
-        type: "number",
-        field: "componentProps.maxLength",
-        componentProps: {
-          placeholder: "请输入",
-        },
-      },
-      {
-        label: "统计字数",
-        type: "switch",
-        field: "componentProps.showCount",
-      },
-      {
-        label: "密码可见",
-        type: "switch",
-        field: "componentProps.visible",
-      },
-      {
-        label: "隐藏切换按钮",
-        type: "switch",
-        componentProps: {
-          checkedValue: false,
-          unCheckedValue: true,
-        },
-        field: "componentProps.visibilityToggle",
-      },
-      {
-        label: "可清空",
-        type: "switch",
-        field: "componentProps.allowClear",
-      },
-      {
-        label: "禁用",
-        type: "switch",
-        field: "componentProps.disabled",
-      },
-      {
-        label: "隐藏",
-        type: "switch",
-        field: "componentProps.hidden",
-      },
-      {
-        label: "表单校验",
-        type: "ERuleEditor",
-        layout: "vertical",
-        field: "rules",
-        describe: "校验规则需要配合表单使用",
-      },
-    ],
-    event: [
-      {
-        type: "input",
-        describe: "输入值",
-      },
-      {
-        type: "change",
-        describe: "值修改",
-      },
-      {
-        type: "pressEnter",
-        describe: "按下回车的回调",
-      },
-      {
-        type: "focus",
-        describe: "获取焦点",
-      },
-      {
-        type: "blur",
-        describe: "失去焦点",
-      },
-    ],
-    action: [
-      {
-        type: "focus",
-        describe: "使 input 获取焦点",
-      },
-      {
-        type: "blur",
-        describe: "使 input 失去焦点",
-      },
-      {
-        type: "select",
-        describe: "选中 input 中的文字",
-      },
-    ],
-  },
-  bindModel: "value",
-} as ComponentConfigModel;

package/packages/ui/antd/modal/index.ts

@@ -1,19 +0,0 @@
-import { type ComponentConfigModel } from "@epic-designer/utils";
-export default {
-  component: () => import("./modal.vue"),
-  icon: "epic-icon-xiala",
-  defaultSchema: {
-    label: "模态框",
-    type: "modal",
-    children: [],
-  },
-  config: {
-    attribute: [
-      {
-        label: "标题",
-        type: "input",
-        field: "title",
-      },
-    ],
-  },
-} as ComponentConfigModel;

package/packages/ui/antd/modal/modal.vue

@@ -1,82 +0,0 @@
-<template>
-  <Modal v-bind="componentSchema">
-    <div class="epic-modal-main">
-      <slot name="edit-node">
-        <template v-if="children.length">
-          <slot v-for="item in children" name="node" :componentSchema="item" />
-        </template>
-        <slot v-else></slot>
-      </slot>
-    </div>
-    <div class="epic-modal-footer">
-      <Space align="end">
-        <Button @click="handleClose">关闭</Button>
-        <Button type="primary" @click="handleOk">{{
-          componentSchema.okText ?? "确定"
-        }}</Button>
-      </Space>
-    </div>
-  </Modal>
-</template>
-
-<script lang="ts" setup>
-import { computed, h, type PropType, useAttrs } from "vue";
-import { type ComponentSchema } from "@epic-designer/core/types/epic-designer";
-import { Modal, Button, Space } from "ant-design-vue";
-import { version } from "ant-design-vue";
-  const versionArray = version.split(".");
-  // 获取版本号第一个数字
-  const firstNumber = parseInt(versionArray[0]);
-
-const attrs = useAttrs()
-const props = defineProps({
-  componentSchema: {
-    type: Object as PropType<ComponentSchema>,
-    default: () => ({}),
-  },
-})
-
-const emits = defineEmits(["ok", "close", "update:modelValue"])
-const dialogStyle = {
-  position: "absolute",
-  right: "150px",
-  left: "150px",
-  minWidth: "700px",
-  width: "auto",
-  top: "56px",
-  bottom: "30px",
-  minHeight: "500px",
-};
-
-const bodyStyle = {
-  height: "calc(100vh - 108px)",
-  padding: 0,
-};
-
-const componentSchema = computed<Record<string, any>>(() => ({
-  ...props.componentSchema,
-  ...attrs,
-  title: props.componentSchema?.label ?? "",
-  wrapClassName: "epic-modal-ant",
-  open: attrs.modelValue,
-  visible: firstNumber > 3 ? undefined : attrs.modelValue,
-  "onUpdate:open": handleClose,
-  "onUpdate:visible": handleClose,
-  style: "top:20px",
-  bodyStyle,
-  dialogStyle,
-  footer: null,
-  children: null
-}))
-
-const children = props.componentSchema.children ?? [];
-
-function handleOk() {
-  emits("ok");
-}
-
-function handleClose() {
-  emits("update:modelValue", false);
-  emits("close");
-}
-</script>

package/packages/ui/antd/radio/index.ts

@@ -1,106 +0,0 @@
-import { type ComponentConfigModel } from "@epic-designer/utils";
-export default {
-  component: async () => (await import("ant-design-vue")).RadioGroup,
-  groupName: "表单",
-  icon: "icon--epic--radio-button-checked-outline",
-  sort: 850,
-  defaultSchema: {
-    label: "单选框",
-    type: "radio",
-    field: "radio",
-    input: true,
-    componentProps: {
-      options: [
-        {
-          label: "选项1",
-          value: "选项1",
-        },
-        {
-          label: "选项2",
-          value: "选项2",
-        },
-      ],
-    },
-  },
-  config: {
-    attribute: [
-      {
-        label: "字段名",
-        type: "input",
-        field: "field",
-      },
-      {
-        label: "标题",
-        type: "input",
-        field: "label",
-      },
-      {
-        label: "默认值",
-        type: "radio",
-        field: "componentProps.defaultValue",
-      },
-      {
-        label: "尺寸",
-        type: "select",
-        componentProps: {
-          placeholder: "请选择",
-          allowClear: true,
-          options: [
-            {
-              label: "大号",
-              value: "large",
-            },
-            {
-              label: "中等",
-              value: "middle",
-            },
-            {
-              label: "小型",
-              value: "small",
-            },
-          ],
-        },
-        field: "componentProps.size",
-      },
-      {
-        label: "按钮样式",
-        type: "switch",
-        componentProps: {
-          checkedValue: "button",
-          unCheckedValue: "default",
-        },
-        field: "componentProps.optionType",
-      },
-      {
-        label: "禁用",
-        type: "switch",
-        field: "componentProps.disabled",
-      },
-      {
-        label: "隐藏",
-        type: "switch",
-        field: "componentProps.hidden",
-      },
-      {
-        label: "选项管理",
-        type: "EOptionsEditor",
-        layout: "vertical",
-        field: "componentProps.options",
-      },
-      {
-        label: "表单校验",
-        type: "ERuleEditor",
-        layout: "vertical",
-        field: "rules",
-        describe: "校验规则需要配合表单使用",
-      },
-    ],
-    event: [
-      {
-        type: "change",
-        describe: "值变化时",
-      },
-    ],
-  },
-  bindModel: "value",
-} as ComponentConfigModel;