cnhis-design-vue 3.1.14-beta.9 → 3.1.14

package/es/packages/form-table/src/components/table-age.js

@@ -1,4 +1,233 @@
-import script from './table-age.vue_vue_type_script_setup_true_lang.js';
-export { default } from './table-age.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode, createElementBlock } from 'vue';
+import { useMessage, NInputGroup, NInputNumber, NSelect } from 'naive-ui';
+import { useItemDefault } from '../../../../packages/form-table/src/hooks';
+import textOverTooltip from './text-over-tooltip.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/form-table/src/components/table-age.vue";
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-age",
+  props: {
+    mainForm: {
+      type: Object,
+      default: () => ({})
+    },
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    styleSetting: {
+      type: Object,
+      default: () => ({})
+    },
+    defaultValue: {
+      type: Object,
+      default: () => ({})
+    },
+    dbParams: {
+      type: Object
+    },
+    row: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    defaultFieldList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    cacheUniqueKey: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    params_formId: [String, Number],
+    formType: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    isDetail: {
+      type: Boolean,
+      default: false
+    },
+    handleFormTableValue: Function
+  },
+  emits: ["tableBlur", "valueOnChange", "handlerAddOptions", "opentableSelect"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const $message = useMessage();
+    const {
+      formTable,
+      hasErr,
+      handleGetJsonStr,
+      handleSetFieldsValue,
+      handleGetUniqueKey,
+      handleSysParams,
+      defaultInit,
+      handleTableBlur,
+      handleFormParams,
+      radioColor,
+      handleGetAgeUnit,
+      handleAgeToBirthDay,
+      changeAgeSelect,
+      handlerSetIdCarInfoValidate,
+      getInputCheck,
+      getCustomRegular,
+      checkDigital,
+      checkAgeJson,
+      checkAge,
+      checkMultipleChoice,
+      checkLength,
+      checkinputBlank,
+      checkSearchCascade,
+      checkMultipleTree,
+      handleDateClearBtn,
+      handleStartDateEndDate,
+      showTimePanel,
+      momentLib,
+      judgeTimeBoundary,
+      setTimeValue,
+      judgeTimeRange,
+      isSameDate,
+      setDefaultCurrent,
+      handleDefaultRimeRange,
+      judgeMinMaxDateIsSameDate,
+      handleDefaultTimeRange,
+      changeTimeDate,
+      setTimeRangeArr
+    } = useItemDefault({ message: $message, props, emit });
+    const ageRes = ref({});
+    const detailStr = computed(() => {
+      let value = props.row[props.item.val_key];
+      return value ? value + getAgeUnit(props.item) : "";
+    });
+    function setAgeRes() {
+      let item = props.item;
+      const curVal = props.row[props.item.val_key];
+      const curValUnit = item.val_key_unit ? props.row[props.item.val_key_unit] : "";
+      if (item.html_type !== "AGE_JSON") {
+        handleAgeData(item, curValUnit, curVal);
+        handleAgeOnChange(ageRes.value, item);
+      }
+      handleTableBlur();
+    }
+    function handleAgeData(item, curUnit, curVal) {
+      let unit = "day";
+      if (!curUnit) {
+        if (item.option && item.option.length > 0) {
+          unit = item.option[0].value;
+        }
+      } else {
+        unit = curUnit;
+      }
+      const val = Number(curVal) || 0;
+      if (!val) {
+        ageRes.value = {
+          year: "",
+          month: "",
+          day: ""
+        };
+      }
+      switch (unit.toLowerCase()) {
+        case "day": {
+          const ageRes2 = {
+            year: parseInt(val / 365 + "") || 0,
+            month: parseInt(val / 30 + "") || 0,
+            day: val
+          };
+          ageRes2.value = ageRes2;
+          break;
+        }
+        case "month": {
+          const ageRes2 = {
+            year: parseInt(val / 12 + "") || 0,
+            month: val,
+            day: parseInt(val * 30 + "") || 0
+          };
+          ageRes2.value = ageRes2;
+          break;
+        }
+        case "year": {
+          const ageRes2 = {
+            year: val,
+            month: parseInt(val * 12 + "") || 0,
+            day: parseInt(val * 365 + "") || 0
+          };
+          ageRes2.value = ageRes2;
+          break;
+        }
+      }
+    }
+    function handleAgeOnChange(ageInfo, item) {
+      let f = handleGetAgeUnit(ageInfo);
+      if (f) {
+        let val = ageInfo[f];
+        handleAgeToBirthDay(val, f, item);
+      }
+    }
+    function getAgeUnit(item) {
+      let name_unit = props.row[props.item.val_key_unit] || item.option && item.option.length > 0 && item.option[0].value;
+      return item.option && item.option.length > 0 && item.option.find((item2) => name_unit == item2.value) ? props.item.option.find((item2) => name_unit == item2.value).text : "";
+    }
+    return (_ctx, _cache) => {
+      return !__props.isDetail ? (openBlock(), createBlock(unref(NInputGroup), {
+        key: 0,
+        size: "small",
+        class: normalizeClass(["table-form-age", { "table-form-age-error": unref(hasErr) }])
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(NInputNumber), {
+            value: __props.row[__props.item.val_key],
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => __props.row[__props.item.val_key] = $event),
+            ref: "a-input-number-" + __props.item.val_key,
+            disabled: +__props.item.is_edit === 0 || __props.isDetail,
+            allowClear: +__props.item.is_empty === 0,
+            placeholder: __props.item.placeholder || "",
+            step: 1,
+            onBlur: setAgeRes,
+            class: "table-age-input"
+          }, null, 8, ["value", "disabled", "allowClear", "placeholder"]),
+          __props.item.option && __props.item.option.length ? (openBlock(), createBlock(unref(NSelect), {
+            key: 0,
+            modelValue: __props.row[__props.item.val_key_unit],
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.row[__props.item.val_key_unit] = $event),
+            ref: "a-age-select-" + __props.item.val_key,
+            class: "table-age-select",
+            style: { "width": "70px" },
+            disabled: +__props.item.is_edit === 0 || __props.isDetail,
+            filterable: "",
+            onChange: _cache[2] || (_cache[2] = ($event) => unref(changeAgeSelect)($event, __props.item)),
+            "label-field": "text"
+          }, null, 8, ["modelValue", "disabled"])) : createCommentVNode("v-if", true)
+        ]),
+        _: 1
+      }, 8, ["class"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(textOverTooltip, {
+          refName: `table-tooltip-${__props.item.val_key}`,
+          content: unref(detailStr)
+        }, null, 8, ["refName", "content"])
+      ]));
+    };
+  }
+});
+var tableAge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "table-age.vue"]]);
+
+export { tableAge as default };

package/es/packages/form-table/src/components/table-date-picker.js

@@ -1,4 +1,177 @@
-import script from './table-date-picker.vue_vue_type_script_setup_true_lang.js';
-export { default } from './table-date-picker.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, unref, normalizeClass } from 'vue';
+import { useMessage, NDatePicker } from 'naive-ui';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+import { useItemDefault } from '../hooks/useItemDefault.js';
+import { useDateType } from '../hooks/useDateType.js';
 
-script.__file = "packages/form-table/src/components/table-date-picker.vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-date-picker",
+  props: {
+    mainForm: {
+      type: Object,
+      default: () => ({})
+    },
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    styleSetting: {
+      type: Object,
+      default: () => ({})
+    },
+    defaultValue: {
+      type: Object,
+      default: () => ({})
+    },
+    dbParams: {
+      type: Object
+    },
+    row: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    defaultFieldList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    cacheUniqueKey: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    params_formId: [String, Number],
+    formType: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    isDetail: {
+      type: Boolean,
+      default: false
+    },
+    handleFormTableValue: Function
+  },
+  emits: ["tableBlur", "valueOnChange", "handlerAddOptions", "opentableSelect"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const open = ref(false);
+    const {
+      disabledDatePicker,
+      disabledTimePicker,
+      openTimeChange,
+      disabledHours,
+      disabledMethodTimeRange,
+      handleCompareTimeRange,
+      setTimeRangeArr,
+      range,
+      openDateChange
+    } = useDateType(open);
+    const $message = useMessage();
+    const {
+      formTable,
+      hasErr,
+      handleGetJsonStr,
+      handleSetFieldsValue,
+      handleGetUniqueKey,
+      handleSysParams,
+      defaultInit,
+      handleTableBlur,
+      handleFormParams,
+      radioColor,
+      handleGetAgeUnit,
+      handleAgeToBirthDay,
+      changeAgeSelect,
+      handlerSetIdCarInfoValidate,
+      getInputCheck,
+      getCustomRegular,
+      checkDigital,
+      checkAgeJson,
+      checkAge,
+      checkMultipleChoice,
+      checkLength,
+      checkinputBlank,
+      checkSearchCascade,
+      checkMultipleTree,
+      handleDateClearBtn,
+      handleStartDateEndDate,
+      showTimePanel,
+      momentLib,
+      judgeTimeBoundary,
+      setTimeValue,
+      judgeTimeRange,
+      isSameDate,
+      setDefaultCurrent,
+      handleDefaultRimeRange,
+      judgeMinMaxDateIsSameDate,
+      handleDefaultTimeRange,
+      changeTimeDate,
+      handlerGetDateType
+    } = useItemDefault({ message: $message, props, emit });
+    const dateType = computed(() => {
+      const time = dateShowTimeConfig || false ? "time" : "";
+      const range2 = Array.isArray(props.row[props.item.val_key]) ? "range" : "";
+      return `date${time}${range2}`;
+    });
+    const dateShowTimeConfig = computed(() => {
+      let type = handlerGetDateType(props.item);
+      let flag = type.includes("HH");
+      let [, timeType] = type.split(" ");
+      timeType = typeof timeType === "string" ? timeType.trim() : "";
+      if (flag) {
+        if (/(Y)|(M)|(D)/g.test(timeType) || !timeType) {
+          return {
+            format: "HH:mm:ss"
+          };
+        } else {
+          return {
+            format: timeType
+          };
+        }
+      } else {
+        return false;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createCommentVNode(`  :showToday="handlerGetDateType(item) !== 'YYYY-MM-DD HH:mm:ss'"`),
+        createCommentVNode('  @openChange="dateOpenChange" '),
+        !__props.isDetail || __props.row[__props.item.val_key] ? (openBlock(), createBlock(unref(NDatePicker), {
+          key: 0,
+          class: normalizeClass(["table-date-picker", { "table-date-picker-error": unref(hasErr) }]),
+          value: __props.row[__props.item.val_key],
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => __props.row[__props.item.val_key] = $event),
+          ref: "dataPickerRef",
+          placeholder: __props.item.placeholder || "",
+          disabled: +__props.item.is_edit === 0 || __props.isDetail,
+          "is-date-disabled": (current) => unref(disabledDatePicker)(current, __props.item),
+          "is-time-disabled": (current) => unref(disabledTimePicker)(current, __props.item),
+          clearable: +__props.item.is_empty === 0,
+          type: unref(dateType),
+          format: unref(handlerGetDateType)(__props.item),
+          onChange: unref(handleTableBlur)
+        }, null, 8, ["value", "placeholder", "disabled", "is-date-disabled", "is-time-disabled", "clearable", "type", "format", "onChange", "class"])) : createCommentVNode("v-if", true)
+      ], 2112);
+    };
+  }
+});
+var tableDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "table-date-picker.vue"]]);
+
+export { tableDatePicker as default };

package/es/packages/form-table/src/components/table-digital.js

@@ -1,4 +1,139 @@
-import script from './table-digital.vue_vue_type_script_setup_true_lang.js';
-export { default } from './table-digital.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, createCommentVNode, unref, normalizeClass } from 'vue';
+import { useMessage, NInputNumber } from 'naive-ui';
+import { useItemDefault } from '../../../../packages/form-table/src/hooks';
+import textOverTooltip from './text-over-tooltip.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/form-table/src/components/table-digital.vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "ant-input-group table-digital-com"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "ant-input-group-addon"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "ant-input-group-addon"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "digital-text"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-digital",
+  props: {
+    mainForm: {
+      type: Object,
+      default: () => ({})
+    },
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    styleSetting: {
+      type: Object,
+      default: () => ({})
+    },
+    defaultValue: {
+      type: Object,
+      default: () => ({})
+    },
+    dbParams: {
+      type: Object
+    },
+    row: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    defaultFieldList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    cacheUniqueKey: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    params_formId: [String, Number],
+    formType: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    isDetail: {
+      type: Boolean,
+      default: false
+    },
+    handleFormTableValue: Function
+  },
+  emits: ["tableBlur", "valueOnChange", "handlerAddOptions", "opentableSelect"],
+  setup(__props, { emit }) {
+    var _a, _b;
+    const props = __props;
+    const $message = useMessage();
+    const { hasErr, handleTableBlur } = useItemDefault({ message: $message, props, emit });
+    const prefixStr = ref((_a = props.item) == null ? void 0 : _a.prefix);
+    const suffixStr = ref((_b = props.item) == null ? void 0 : _b.suffix);
+    const detailStr = computed(() => {
+      let prefix = prefixStr.value ? " " + prefixStr.value : "";
+      let suffix = suffixStr.value ? " " + suffixStr.value : "";
+      let value = props.row[props.item.val_key] || "";
+      return `${suffix}${value}${prefix}`;
+    });
+    return (_ctx, _cache) => {
+      return !__props.isDetail ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        prefixStr.value ? (openBlock(), createElementBlock("span", _hoisted_2, [
+          createVNode(textOverTooltip, {
+            refName: `table-tooltip-${__props.item.val_key}-prefix`,
+            content: prefixStr.value
+          }, null, 8, ["refName", "content"])
+        ])) : createCommentVNode("v-if", true),
+        createVNode(unref(NInputNumber), {
+          value: __props.row[__props.item.val_key],
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => __props.row[__props.item.val_key] = $event),
+          ref: "a-input-number-" + __props.item.val_key,
+          "addon-before": __props.item.before,
+          "addon-after": __props.item.suffix,
+          disabled: +__props.item.is_edit === 0,
+          placeholder: __props.item.placeholder || "",
+          clearable: +__props.item.is_empty === 0,
+          onBlur: unref(handleTableBlur),
+          class: normalizeClass({ "table-error-digital": unref(hasErr) })
+        }, null, 8, ["value", "addon-before", "addon-after", "disabled", "placeholder", "clearable", "onBlur", "class"]),
+        suffixStr.value ? (openBlock(), createElementBlock("span", _hoisted_3, [
+          createVNode(textOverTooltip, {
+            refName: `table-tooltip-${__props.item.val_key}-suffix`,
+            content: suffixStr.value
+          }, null, 8, ["refName", "content"])
+        ])) : createCommentVNode("v-if", true)
+      ])) : (openBlock(), createElementBlock("div", _hoisted_4, [
+        createVNode(textOverTooltip, {
+          refName: `table-tooltip-${__props.item.val_key}`,
+          content: unref(detailStr)
+        }, null, 8, ["refName", "content"])
+      ]));
+    };
+  }
+});
+var tableDigital = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "table-digital.vue"]]);
+
+export { tableDigital as default };

package/es/packages/form-table/src/components/table-input-password.js

@@ -1,4 +1,139 @@
-import script from './table-input-password.vue_vue_type_script_setup_true_lang.js';
-export { default } from './table-input-password.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createBlock, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString } from 'vue';
+import { useMessage, NInput } from 'naive-ui';
+import SvgIcon from '../../../../src/components/SvgIcon';
+import { useItemDefault } from '../../../../packages/form-table/src/hooks';
+import textOverTooltip from './text-over-tooltip.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/form-table/src/components/table-input-password.vue";
+const _hoisted_1 = { slot: "suffix" };
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-input-password",
+  props: {
+    mainForm: {
+      type: Object,
+      default: () => ({})
+    },
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    styleSetting: {
+      type: Object,
+      default: () => ({})
+    },
+    defaultValue: {
+      type: Object,
+      default: () => ({})
+    },
+    dbParams: {
+      type: Object
+    },
+    row: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    defaultFieldList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    cacheUniqueKey: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    params_formId: [String, Number],
+    formType: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    isDetail: {
+      type: Boolean,
+      default: false
+    },
+    handleFormTableValue: Function
+  },
+  emits: ["tableBlur", "valueOnChange", "handlerAddOptions", "opentableSelect"],
+  setup(__props, { emit }) {
+    var _a, _b;
+    const props = __props;
+    const $message = useMessage();
+    const { hasErr } = useItemDefault({ message: $message, props, emit });
+    const inputType = ref("text");
+    const isReadOnly = ref(false);
+    const prefixStr = ref((_a = props.item) == null ? void 0 : _a.prefix);
+    const suffixStr = ref((_b = props.item) == null ? void 0 : _b.suffix);
+    function handleTogglePsw() {
+      isReadOnly.value = !isReadOnly.value;
+    }
+    onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return !__props.isDetail ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass({
+          "is-show-psw": !isReadOnly.value
+        })
+      }, [
+        createVNode(unref(NInput), {
+          ref: `input-password-${__props.item.val_key}`,
+          type: inputType.value,
+          value: __props.row[__props.item.val_key],
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => __props.row[__props.item.val_key] = $event),
+          autocomplete: "off",
+          autocorrect: "off",
+          autocapitalize: "off",
+          spellcheck: "false",
+          disabled: +__props.item.is_edit === 0,
+          clearable: +__props.item.is_empty === 0,
+          placeholder: __props.item.placeholder || "",
+          maxLength: __props.item.validate && __props.item.validate.max_length ? +__props.item.validate.max_length : 300,
+          class: normalizeClass([{ "table-input-password-error": unref(hasErr) }, "table-input-password-com"])
+        }, {
+          default: withCtx(() => [
+            prefixStr.value ? (openBlock(), createBlock(textOverTooltip, {
+              key: 0,
+              refName: `table-tooltip-${__props.item.val_key}-prefix`,
+              content: prefixStr.value
+            }, null, 8, ["refName", "content"])) : createCommentVNode("v-if", true),
+            suffixStr.value ? (openBlock(), createBlock(textOverTooltip, {
+              key: 1,
+              refName: `table-tooltip-${__props.item.val_key}-suffix`,
+              content: suffixStr.value
+            }, null, 8, ["refName", "content"])) : createCommentVNode("v-if", true),
+            createElementVNode("template", _hoisted_1, [
+              createVNode(unref(SvgIcon), {
+                onClick: handleTogglePsw,
+                "icon-class": isReadOnly.value ? "chakan" : "anniuyincang",
+                style: normalizeStyle([{ "font-size": "1em" }, { color: isReadOnly.value ? __props.styleSetting.themeColor : void 0 }])
+              }, null, 8, ["icon-class", "style"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["type", "value", "disabled", "clearable", "placeholder", "maxLength", "class"])
+      ], 2)) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(prefixStr.value ? " " + prefixStr.value : "") + " " + toDisplayString(__props.row[__props.item.val_key]) + " " + toDisplayString(suffixStr.value ? " " + suffixStr.value : ""), 1));
+    };
+  }
+});
+var tableInputPassword = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "table-input-password.vue"]]);
+
+export { tableInputPassword as default };