cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

package/es/components/scale-view/src/components/formitem/r-select.js

@@ -0,0 +1,202 @@
+import { defineComponent, reactive, computed, watch, createVNode, resolveComponent } from 'vue';
+import { NSelect, NEmpty } from 'naive-ui';
+import LoadingCom from '../LoadingCom.js';
+
+var scriptSelect = defineComponent({
+  name: "RSelect",
+  components: {
+    NSelect,
+    NEmpty,
+    LoadingCom
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    },
+    getSelectOptions: {
+      type: Function,
+      default: () => Promise.resolve([])
+    },
+    getSearchOptions: {
+      type: Function,
+      default: () => Promise.resolve([])
+    },
+    openType: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["scaleChange"],
+  setup(props, context) {
+    const state = reactive({
+      choiceValue: [],
+      selectParams: {
+        tableType: "TABLE_LIST",
+        pageSize: 20,
+        page: 1
+      },
+      cloneItem: {},
+      columnName: "",
+      showField: "",
+      curOptions: [],
+      fieldList: [],
+      buttonList: [],
+      fetching: false
+    });
+    props.openType == "formIframe";
+    const isMultiple = computed(() => {
+      var _a, _b;
+      return !!((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.isMultiple);
+    });
+    const isDynamic2Static = computed(() => {
+      let {
+        targetSource = {},
+        options = [],
+        optionType
+      } = props.item || {};
+      if (targetSource.target_id && (options.length || optionType == 3))
+        return true;
+      return false;
+    });
+    const columnKey = computed(() => {
+      var _a;
+      let {
+        target_id,
+        values
+      } = ((_a = props.item) == null ? void 0 : _a.targetSource) || {};
+      if (!target_id || !values)
+        return "value";
+      if (isDynamic2Static.value)
+        return values || "value";
+      return values;
+    });
+    const labelKey = computed(() => {
+      var _a;
+      let {
+        target_id,
+        showField
+      } = ((_a = props.item) == null ? void 0 : _a.targetSource) || {};
+      if (!target_id || !showField)
+        return "label";
+      if (isDynamic2Static.value)
+        return showField || "label";
+      return showField;
+    });
+    const handleDynamic2StaticOptions = (options) => {
+      if (!options || !options.length)
+        return [];
+      return options.map((item) => {
+        if ("cascadeData" in item) {
+          Object.assign(item, {
+            ...item.cascadeData
+          });
+        }
+        if (!(columnKey.value in item)) {
+          item[columnKey.value] = item.value || item.label;
+        }
+        if (!(labelKey.value in item)) {
+          item[labelKey.value] = item.label;
+        }
+        return item;
+      });
+    };
+    const initSelectOptions = async () => {
+      const {
+        targetSource,
+        type,
+        options = [],
+        optionType = 1
+      } = state.cloneItem;
+      state.showField = "label";
+      if (!(targetSource == null ? void 0 : targetSource.target_id))
+        return;
+      if (isDynamic2Static.value) {
+        state.curOptions = handleDynamic2StaticOptions(options);
+        return;
+      }
+      try {
+        state.fetching = true;
+        state.curOptions = await props.getSelectOptions(state.cloneItem);
+        state.fetching = false;
+        state.columnName = targetSource == null ? void 0 : targetSource.values;
+        state.showField = (targetSource == null ? void 0 : targetSource.showField) || (targetSource == null ? void 0 : targetSource.values);
+      } catch (err) {
+        state.fetching = false;
+      }
+    };
+    const handleDef = (value) => {
+      var _a;
+      state.cloneItem = JSON.parse(JSON.stringify(value));
+      let options = state.cloneItem.options || [];
+      if (value.type === "EVALUATE_SELECT") {
+        options = ((_a = state.cloneItem.scoreConfigs) == null ? void 0 : _a.scoreRules) || [];
+      }
+      state.curOptions = options;
+      initSelectOptions();
+    };
+    const handleSelectChange = (value) => {
+      let res = {
+        value: "",
+        list: []
+      };
+      let matchItem;
+      if (!value || !Array.isArray(value)) {
+        res.value = value;
+        matchItem = addItem(value);
+        matchItem && res.list.push(matchItem);
+        context.emit("scaleChange", res, props.item, res);
+        return;
+      }
+      res.value = value;
+      if (!value.length) {
+        res.list = [];
+        context.emit("scaleChange", res, props.item, res);
+        return;
+      }
+      value.forEach((item) => {
+        matchItem = addItem(item);
+        matchItem && res.list.push(matchItem);
+      });
+      context.emit("scaleChange", res, props.item, res);
+    };
+    const addItem = (item) => {
+      return state.curOptions.find((v) => v.value === item);
+    };
+    watch(() => props.item, (value) => {
+      if (!value || !Object.keys(value).length)
+        return;
+      handleDef(value);
+    }, {
+      immediate: true
+    });
+    return () => {
+      return createVNode(resolveComponent("n-select"), {
+        "value": props.form[props.item.val_key],
+        "onUpdate:value": [($event) => props.form[props.item.val_key] = $event, handleSelectChange],
+        "filterable": true,
+        "placeholder": "\u8BF7\u9009\u62E9",
+        "value-field": columnKey.value,
+        "label-field": labelKey.value,
+        "multiple": isMultiple.value,
+        "disabled": props.isLock,
+        "loading": state.fetching,
+        "options": state.curOptions
+      }, {
+        empty: () => state.fetching ? createVNode(LoadingCom, null, null) : createVNode(NEmpty, null, null)
+      });
+    };
+  }
+});
+
+export { scriptSelect as default };

package/es/components/scale-view/src/components/formitem/r-sign.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    form: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scaleChange"[], "scaleChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    form: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onScaleChange?: ((...args: any[]) => any) | undefined;
+}, {
+    item: Record<string, any>;
+    isLock: boolean;
+    form: Record<string, any>;
+}>;
+export default _default;

package/es/components/scale-view/src/components/formitem/r-sign.js

@@ -0,0 +1,177 @@
+import { defineComponent, ref, computed, createVNode, resolveComponent, createTextVNode, Fragment } from 'vue';
+import { NButton, NIcon, NSpace, useDialog } from 'naive-ui';
+import StandardModal from './standard-modal.js';
+import SignCom from './sign-com.js';
+import { EyeOutline, TrashOutline } from '@vicons/ionicons5';
+import { api } from 'v-viewer';
+
+var RSign = defineComponent({
+  name: "RSign",
+  components: {
+    NButton,
+    NIcon,
+    NSpace,
+    StandardModal,
+    SignCom
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => ({})
+    },
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["scaleChange"],
+  setup(props, context) {
+    const signRef = ref(null);
+    const signModalVisible = ref(false);
+    const fileList = ref([]);
+    const dialog = useDialog();
+    const limitPic = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.limitPic) || 1;
+    });
+    const showAdd = computed(() => {
+      return fileList.value.length < limitPic.value && !props.isLock;
+    });
+    const handleDef = () => {
+      const value = props.form[props.item.val_key];
+      if (!value || !Array.isArray(value) || !value.length)
+        return;
+      fileList.value = value;
+    };
+    handleDef();
+    const cancel = () => {
+      signModalVisible.value = false;
+    };
+    const handleReset = () => {
+      signRef.value.reset();
+    };
+    const handleGenerate = () => {
+      signRef.value.generate().then((obj) => {
+        console.log(obj);
+        fileList.value.push(obj);
+        context.emit("scaleChange", fileList.value, props.item);
+        cancel();
+      }).catch((err) => {
+        console.log(err);
+      });
+    };
+    const openModal = () => {
+      if (props.isLock)
+        return;
+      signModalVisible.value = true;
+    };
+    const previewImg = (index) => {
+      const imgs = fileList.value.map((v) => v.url).filter(Boolean);
+      if (!imgs.length)
+        return;
+      api({
+        images: imgs,
+        options: {
+          toolbar: true,
+          initialViewIndex: index
+        }
+      });
+    };
+    const deleteImg = (index) => {
+      if (props.isLock)
+        return;
+      dialog.warning({
+        title: "\u63D0\u793A",
+        content: "\u786E\u8BA4\u8981\u5220\u9664\u7B7E\u540D\u5417\uFF1F",
+        positiveText: "\u786E\u5B9A",
+        negativeText: "\u53D6\u6D88",
+        maskClosable: false,
+        closable: false,
+        positiveButtonProps: {
+          type: "primary"
+        },
+        onPositiveClick: () => {
+          fileList.value.splice(index, 1);
+          context.emit("scaleChange", fileList.value, props.item);
+        },
+        onNegativeClick() {
+        }
+      });
+    };
+    const renderSignContent = () => {
+      return createVNode("div", {
+        "class": "sigan-content-wrap"
+      }, [fileList.value.map((item, index) => {
+        return createVNode("div", {
+          "class": "sign-item"
+        }, [createVNode("img", {
+          "src": item.url
+        }, null), createVNode("div", null, [createVNode(NIcon, {
+          "component": EyeOutline,
+          "onClick": () => previewImg(index)
+        }, null), !props.isLock && createVNode(NIcon, {
+          "component": TrashOutline,
+          "onClick": () => deleteImg(index)
+        }, null)])]);
+      }), showAdd.value && createVNode("div", {
+        "class": "add-sign-wrap",
+        "onClick": openModal
+      }, [createVNode(resolveComponent("svg-icon"), {
+        "icon-class": "a-xitongtubiaozujiantubiaoqianmingzujian"
+      }, null), createVNode("span", null, [createTextVNode("\u6DFB\u52A0\u7B7E\u540D")])])]);
+    };
+    const renderFlooter = () => {
+      return createVNode(Fragment, null, [createVNode(resolveComponent("n-space"), null, {
+        default: () => [createVNode(resolveComponent("n-button"), {
+          "size": "small",
+          "onClick": cancel
+        }, {
+          default: () => [createTextVNode("\u53D6\u6D88")]
+        }), createVNode(resolveComponent("n-button"), {
+          "size": "small",
+          "onClick": handleReset,
+          "type": "primary"
+        }, {
+          default: () => [createTextVNode("\u91CD\u7B7E")]
+        }), createVNode(resolveComponent("n-button"), {
+          "size": "small",
+          "onClick": handleGenerate,
+          "type": "primary"
+        }, {
+          default: () => [createTextVNode("\u786E\u8BA4")]
+        })]
+      })]);
+    };
+    const renderSignModal = () => {
+      return createVNode(resolveComponent("standard-modal"), {
+        "class": "r-sign-modal",
+        "visible": signModalVisible.value,
+        "title": props.item.title,
+        "modalWidth": "652px",
+        "modalHeight": "476px",
+        "handleOk": handleGenerate,
+        "cancel": cancel
+      }, {
+        default: () => createVNode(resolveComponent("sign-com"), {
+          "ref": signRef,
+          "isCrop": true
+        }, null),
+        action: () => renderFlooter()
+      });
+    };
+    const renderContent = () => {
+      return createVNode("div", {
+        "class": "c-sign-wrap"
+      }, [renderSignContent(), renderSignModal()]);
+    };
+    return () => {
+      return renderContent();
+    };
+  }
+});
+
+export { RSign as default };

package/es/components/scale-view/src/components/formitem/r-upload.d.ts

@@ -0,0 +1,52 @@
+declare const _default: import("vue").DefineComponent<{
+    form: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    uploadPictureUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    uploadFileUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scaleChange"[], "scaleChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    form: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    uploadPictureUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    uploadFileUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onScaleChange?: ((...args: any[]) => any) | undefined;
+}, {
+    item: Record<string, any>;
+    isLock: boolean;
+    uploadPictureUrl: string;
+    uploadFileUrl: string;
+    form: Record<string, any>;
+}>;
+export default _default;

package/es/components/scale-view/src/components/formitem/r-upload.js

@@ -0,0 +1,215 @@
+import { defineComponent, reactive, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { NUpload, NUploadDragger, NModal, NIcon, useMessage } from 'naive-ui';
+import { api } from 'v-viewer';
+import { CameraOutline, Add } from '@vicons/ionicons5';
+
+var RUpload = defineComponent({
+  name: "RUpload",
+  components: {
+    NUpload,
+    NUploadDragger,
+    NModal,
+    NIcon
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    },
+    uploadPictureUrl: {
+      type: String,
+      default: ""
+    },
+    uploadFileUrl: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["scaleChange"],
+  setup(props, context) {
+    var _a, _b;
+    const message = useMessage();
+    const type = props.item.type;
+    const limitPic = ((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.limitPic) || 1;
+    const max = isNaN(limitPic) ? void 0 : +limitPic;
+    const state = reactive({
+      defaultFileList: [],
+      fileList: []
+    });
+    const handleDef = () => {
+      const value = props.form[props.item.val_key];
+      if (!value)
+        return;
+      value.forEach((v) => {
+        v.status = "finished";
+        v.id = v.uid;
+      });
+      state.defaultFileList = value;
+      state.fileList = value;
+    };
+    handleDef();
+    const beforeUpload = (info) => {
+      var _a2;
+      const {
+        file: file2
+      } = info;
+      const size = ((_a2 = file2.file) == null ? void 0 : _a2.size) || 0;
+      const isJpgOrPng = file2.type === "image/jpeg" || file2.type === "image/png";
+      if (!isJpgOrPng) {
+        message.error("\u4EC5\u652F\u6301jpeg/png\u683C\u5F0F");
+      }
+      const isLt2M = size / 1024 / 1024 < 2;
+      if (!isLt2M) {
+        message.error("\u4E0A\u4F20\u56FE\u7247\u9650\u5236\u57282MB\u4EE5\u5185");
+      }
+      return isJpgOrPng && isLt2M;
+    };
+    const beforeUploadFile = (info) => {
+      var _a2;
+      const {
+        file: file2
+      } = info;
+      const size = ((_a2 = file2.file) == null ? void 0 : _a2.size) || 0;
+      const isLt2M = size / 1024 / 1024 < 50;
+      if (!isLt2M) {
+        message.error("\u4E0A\u4F20\u56FE\u7247\u9650\u5236\u572850MB\u4EE5\u5185");
+      }
+      return isLt2M;
+    };
+    const handleUploadChange = (info) => {
+      const {
+        file: file2
+      } = info;
+      let matchItem2;
+      if (file2.status == "uploading" && file2.file) {
+        matchItem2 = state.fileList.find((v) => v.uid === file2.id);
+        if (!matchItem2) {
+          state.fileList.push({
+            name: file2.name,
+            uid: file2.id,
+            size: file2.file.size
+          });
+        }
+      }
+    };
+    const handleUploadFinish = (options) => {
+      const {
+        event,
+        file
+      } = options;
+      const res = eval("(" + event.target.response + ")");
+      const matchIndex = state.fileList.findIndex((v) => v.uid === file.id);
+      const matchItem = state.fileList[matchIndex];
+      if (res.result !== "SUCCESS") {
+        file.status = "error";
+        matchIndex > -1 && state.fileList.splice(matchIndex, 1);
+        message.error(res.resultMsg || "\u4E0A\u4F20\u5931\u8D25\uFF01");
+        return;
+      }
+      if (matchItem) {
+        matchItem.url = res.map.url;
+      }
+      context.emit("scaleChange", state.fileList, props.item);
+    };
+    const handleUploadRemove = (options2) => {
+      const {
+        file: file2
+      } = options2;
+      if (file2.status === "finished") {
+        const curIndex = state.fileList.findIndex((v) => v.uid === file2.id);
+        curIndex > -1 && state.fileList.splice(curIndex, 1);
+        context.emit("scaleChange", state.fileList, props.item);
+      }
+    };
+    const handlePreview = (file2) => {
+      const fileList = state.fileList;
+      if (!fileList.length)
+        return;
+      const matchIndex2 = fileList.findIndex((v) => v.uid === file2.id);
+      if (!~matchIndex2)
+        return;
+      const imgs = fileList.map((v) => v.url).filter(Boolean);
+      if (!imgs.length)
+        return;
+      api({
+        images: imgs,
+        options: {
+          toolbar: true,
+          initialViewIndex: matchIndex2
+        }
+      });
+    };
+    const renderPicture = () => {
+      return createVNode(resolveComponent("n-upload"), {
+        "action": props.uploadPictureUrl,
+        "default-file-list": state.defaultFileList,
+        "accept": "image/*",
+        "list-type": "image-card",
+        "max": max,
+        "disabled": props.isLock,
+        "show-retry-button": false,
+        "on-before-upload": beforeUpload,
+        "on-change": handleUploadChange,
+        "on-finish": handleUploadFinish,
+        "on-remove": handleUploadRemove,
+        "on-preview": handlePreview,
+        "show-trigger": !props.isLock
+      }, {
+        default: () => [!props.isLock && createVNode("div", {
+          "class": "upload-img-wrap"
+        }, [createVNode(NIcon, {
+          "class": "prompt-icon",
+          "size": "28",
+          "component": CameraOutline
+        }, null), createTextVNode("\u70B9\u51FB\u4E0A\u4F20")])]
+      });
+    };
+    const renderFile = () => {
+      return createVNode(resolveComponent("n-upload"), {
+        "multiple": true,
+        "directory-dnd": true,
+        "disabled": props.isLock,
+        "action": props.uploadFileUrl,
+        "default-file-list": state.defaultFileList,
+        "show-retry-button": false,
+        "on-before-upload": beforeUploadFile,
+        "on-change": handleUploadChange,
+        "on-finish": handleUploadFinish,
+        "on-remove": handleUploadRemove,
+        "show-trigger": !props.isLock
+      }, {
+        default: () => [!props.isLock && createVNode(resolveComponent("n-upload-dragger"), null, {
+          default: () => [createVNode("div", {
+            "class": "dragger-upload-text"
+          }, [createVNode(NIcon, {
+            "class": "prompt-icon",
+            "size": "28",
+            "component": Add
+          }, null), createTextVNode("\u8BF7\u70B9\u51FB\u6587\u4EF6\u4E0A\u4F20,\u5355\u4E2A\u6587\u4EF650M\u4EE5\u5185\u3002")])]
+        })]
+      });
+    };
+    const renderDom = () => {
+      return createVNode("div", {
+        "class": ["c-scale-upload", {
+          "scale-upload-file": type === "UPFILE"
+        }]
+      }, [type === "UPFILE" && renderFile(), type === "UPPICTURE" && renderPicture()]);
+    };
+    return () => {
+      return renderDom();
+    };
+  }
+});
+
+export { RUpload as default };