cnhis-design-vue 3.1.40-beta.11 → 3.1.40-beta.15

package/es/components/table-filter/src/components/render-widget/helpers/presetValToTimestamp.js

@@ -1,70 +1 @@
-import { DatePresetValEnums } from '../enums.js';
-import moment from 'moment';
-
-const Maps = /* @__PURE__ */ new Map([
-  [
-    DatePresetValEnums.NOW,
-    () => moment()
-  ],
-  [
-    DatePresetValEnums.TODAY,
-    () => moment().startOf("day")
-  ],
-  [
-    DatePresetValEnums.TODAY_START,
-    () => moment().startOf("day")
-  ],
-  [
-    DatePresetValEnums.TODAY_END,
-    () => moment().endOf("day")
-  ],
-  [
-    DatePresetValEnums.TOMORROW,
-    () => moment().add(1, "days").startOf("day")
-  ],
-  [
-    DatePresetValEnums.TOMORROW_START,
-    () => moment().add(1, "days").startOf("day")
-  ],
-  [
-    DatePresetValEnums.TOMORROW_END,
-    () => moment().add(1, "days").endOf("day")
-  ],
-  [
-    DatePresetValEnums.YESTERDAY,
-    () => moment().subtract(1, "days").startOf("day")
-  ],
-  [
-    DatePresetValEnums.YESTERDAY_START,
-    () => moment().subtract(1, "days").startOf("day")
-  ],
-  [
-    DatePresetValEnums.YESTERDAY_END,
-    () => moment().subtract(1, "days").endOf("day")
-  ],
-  [
-    DatePresetValEnums.WEEK_START,
-    () => moment().startOf("week")
-  ],
-  [
-    DatePresetValEnums.WEEK_END,
-    () => moment().endOf("week")
-  ],
-  [
-    DatePresetValEnums.MONTH_START,
-    () => moment().startOf("month")
-  ],
-  [
-    DatePresetValEnums.MONTH_END,
-    () => moment().endOf("month")
-  ]
-]);
-const presetValToTimestamp = (presetVal, format = "x") => {
-  if (!Maps.has(presetVal))
-    return;
-  const fun = Maps.get(presetVal);
-  const val = fun().format(format);
-  return format === "x" || format === "X" ? Number(val) : val;
-};
-
-export { presetValToTimestamp };
+import{DatePresetValEnums as t}from"../enums.js";import a from"moment";const O=new Map([[t.NOW,()=>a()],[t.TODAY,()=>a().startOf("day")],[t.TODAY_START,()=>a().startOf("day")],[t.TODAY_END,()=>a().endOf("day")],[t.TOMORROW,()=>a().add(1,"days").startOf("day")],[t.TOMORROW_START,()=>a().add(1,"days").startOf("day")],[t.TOMORROW_END,()=>a().add(1,"days").endOf("day")],[t.YESTERDAY,()=>a().subtract(1,"days").startOf("day")],[t.YESTERDAY_START,()=>a().subtract(1,"days").startOf("day")],[t.YESTERDAY_END,()=>a().subtract(1,"days").endOf("day")],[t.WEEK_START,()=>a().startOf("week")],[t.WEEK_END,()=>a().endOf("week")],[t.MONTH_START,()=>a().startOf("month")],[t.MONTH_END,()=>a().endOf("month")]]),d=(t,a="x")=>{if(!O.has(t))return;const d=O.get(t)().format(a);return"x"===a||"X"===a?Number(d):d};export{d as presetValToTimestamp};

package/es/components/table-filter/src/components/render-widget/index.vue.js

@@ -1,107 +1 @@
-import { defineComponent, h } from 'vue';
-import { WidgetTypeEnums } from './enums.js';
-import { WidgetCfgMaps, formatItemData } from './widgetCfgMaps.js';
-import moment from 'moment';
-import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
-
-const UseSelfWidth = [WidgetTypeEnums.DATE, WidgetTypeEnums.DATE_TIME, WidgetTypeEnums.CHECKBOX_GROUP];
-const _sfc_main = defineComponent({
-  props: {
-    cfg: {
-      type: Object,
-      required: true
-    },
-    modelValue: {
-      type: [Array, String, Number]
-    }
-  },
-  emits: ["update:modelValue"],
-  computed: {
-    valueCp() {
-      const { widgetType } = this.cfg;
-      const GATHER = [WidgetTypeEnums.DATE, WidgetTypeEnums.DATE_TIME];
-      if (GATHER.includes(widgetType)) {
-        return moment(this.cfg.value).valueOf();
-      }
-      return this.cfg.value;
-    }
-  },
-  data() {
-    return {
-      initialProps: {}
-    };
-  },
-  methods: {
-    search() {
-      this.$emit("outFilterChange");
-    },
-    getEleWidth(cfg) {
-      const { widgetType } = cfg;
-      if (UseSelfWidth.includes(widgetType))
-        return;
-      return `${cfg.advanceColWidth || 200}px`;
-    },
-    initComponentProps(cfg) {
-      const { widgetType, alias, title, placeholder: customPlaceholder, widgetCfg } = cfg;
-      const { props, handlerProps } = WidgetCfgMaps.get(widgetType);
-      let Props = { ...props };
-      if (handlerProps) {
-        Props = handlerProps(Props, { ...widgetCfg, title: alias || title });
-      }
-      if (customPlaceholder) {
-        Props.placeholder = customPlaceholder;
-      }
-      this.initialProps = Props;
-      if (Props.value) {
-        this.valueCp = Props.value;
-      }
-    },
-    generateWidget(cfg) {
-      const { widgetType } = cfg;
-      const { defValueUnit } = cfg.widgetCfg || {};
-      if (!WidgetCfgMaps.has(widgetType)) {
-        return null;
-      }
-      const { value } = cfg;
-      const { component, style, eventsBySearch = [] } = WidgetCfgMaps.get(widgetType);
-      const props = { ...this.initialProps, value };
-      const EventsBySearch = eventsBySearch.reduce((evts, item) => {
-        const { name, handler } = item;
-        let eventHandler = this.search;
-        if (handler) {
-          eventHandler = (e) => {
-            handler(e, this.search, props);
-          };
-        }
-        return {
-          ...evts,
-          [`on${name}`]: eventHandler
-        };
-      }, {});
-      return h(
-        component,
-        {
-          ...style,
-          ...props,
-          style: { width: this.getEleWidth(cfg) },
-          value: this.valueCp,
-          "onUpdate:value": (val) => this.handleUpdate(val, widgetType, defValueUnit),
-          ...EventsBySearch
-        }
-      );
-    },
-    handleUpdate(val, widgetType, defValueUnit) {
-      const result = formatItemData(val, widgetType);
-      this.$emit("update:modelValue", result);
-    }
-  },
-  created() {
-    this.initComponentProps(this.cfg);
-  },
-  render() {
-    return this.generateWidget(this.cfg);
-  }
-});
-var RenderWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
-
-export { RenderWidget as default };
+import{defineComponent as e,h as t}from"vue";import{WidgetTypeEnums as i}from"./enums.js";import{WidgetCfgMaps as r,formatItemData as a}from"./widgetCfgMaps.js";import s from"moment";import l from"../../../../../_virtual/plugin-vue_export-helper.js";const n=[i.DATE,i.DATE_TIME,i.CHECKBOX_GROUP];var o=l(e({props:{cfg:{type:Object,required:!0},modelValue:{type:[Array,String,Number]}},emits:["update:modelValue"],computed:{valueCp(){const{widgetType:e}=this.cfg;return[i.DATE,i.DATE_TIME].includes(e)?s(this.cfg.value).valueOf():this.cfg.value}},data:()=>({initialProps:{}}),methods:{search(){this.$emit("outFilterChange")},getEleWidth(e){const{widgetType:t}=e;if(!n.includes(t))return`${e.advanceColWidth||200}px`},initComponentProps(e){const{widgetType:t,alias:i,title:a,placeholder:s,widgetCfg:l}=e,{props:n,handlerProps:o}=r.get(t);let p={...n};o&&(p=o(p,{...l,title:i||a})),s&&(p.placeholder=s),this.initialProps=p,p.value&&(this.valueCp=p.value)},generateWidget(e){const{widgetType:i}=e,{defValueUnit:a}=e.widgetCfg||{};if(!r.has(i))return null;const{value:s}=e,{component:l,style:n,eventsBySearch:o=[]}=r.get(i),p={...this.initialProps,value:s},d=o.reduce(((e,t)=>{const{name:i,handler:r}=t;let a=this.search;return r&&(a=e=>{r(e,this.search,p)}),{...e,[`on${i}`]:a}}),{});return t(l,{...n,...p,style:{width:this.getEleWidth(e)},value:this.valueCp,"onUpdate:value":e=>this.handleUpdate(e,i,a),...d})},handleUpdate(e,t,i){const r=a(e,t);this.$emit("update:modelValue",r)}},created(){this.initComponentProps(this.cfg)},render(){return this.generateWidget(this.cfg)}}),[["__file","index.vue"]]);export{o as default};

package/es/components/table-filter/src/components/render-widget/widgetCfgMaps.js

@@ -1,152 +1 @@
-import { WidgetTypeEnums, DatePresetValEnums } from './enums.js';
-import { NInputNumber, NInput, NDatePicker } from 'naive-ui';
-import CheckboxGroup from './components/CheckboxGroup.vue.js';
-import Select from './components/Select.vue.js';
-import moment from 'moment';
-import { presetValToTimestamp } from './helpers/presetValToTimestamp.js';
-
-const SetDefVal = (defaultValue) => defaultValue;
-const WidgetCfgMaps = /* @__PURE__ */ new Map([
-  [
-    WidgetTypeEnums.INPUT_NUMBER,
-    {
-      component: NInputNumber,
-      props: {
-        clearable: true
-      },
-      eventsBySearch: [{
-        name: "keydown",
-        handler(e, search) {
-          if (e.key === "Enter") {
-            console.log("\u70B9\u51FBkeyup>>>>>", search);
-            search();
-          }
-        }
-      }],
-      handlerProps(props, { title } = {}) {
-        const Props = { ...props, placeholder: `\u8F93\u5165${title}` };
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-  [
-    WidgetTypeEnums.INPUT,
-    {
-      component: NInput,
-      props: {
-        clearable: true
-      },
-      eventsBySearch: [{
-        name: "keydown",
-        handler(e, search) {
-          if (e.key === "Enter") {
-            search();
-          }
-        }
-      }],
-      handlerProps(props, { title } = {}) {
-        const Props = { ...props, placeholder: `\u641C\u7D22${title}` };
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-  [
-    WidgetTypeEnums.SELECT,
-    {
-      component: Select,
-      props: {
-        clearable: true,
-        options: [],
-        filterable: true,
-        multiple: false
-      },
-      eventsBySearch: [{
-        name: "change",
-        handler(e, search, props) {
-          const { multiple } = props;
-          if (multiple) {
-            search();
-          }
-        }
-      }],
-      handlerProps(props, { valueList, multiple, title } = {}) {
-        const Props = { ...props, placeholder: `\u8BF7\u9009\u62E9${title}` };
-        if (Array.isArray(valueList))
-          Props.options = valueList.map(({ value, label }) => ({ value, label }));
-        if (multiple)
-          Props.multiple = true;
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-  [
-    WidgetTypeEnums.DATE,
-    {
-      component: NDatePicker,
-      props: {
-        type: "date",
-        clearable: true,
-        valueFormat: "yyyy-MM-dd"
-      },
-      handlerProps(props, { title } = {}) {
-        const Props = { ...props, placeholder: `\u8BF7\u9009\u62E9${title}` };
-        return Props;
-      },
-      setDefaultValue(defaultValue, defValueUnit) {
-        if (defValueUnit && defValueUnit !== DatePresetValEnums.CUSTOM) {
-          return presetValToTimestamp(defValueUnit, "YYYY-MM-DD HH:mm:ss");
-        }
-        return defaultValue;
-      }
-    }
-  ],
-  [
-    WidgetTypeEnums.DATE_TIME,
-    {
-      component: NDatePicker,
-      props: {
-        type: "datetime",
-        clearable: true,
-        valueFormat: "yyyy-MM-dd HH:mm:ss"
-      },
-      handlerProps(props, { title } = {}) {
-        const Props = { ...props, placeholder: `\u8BF7\u9009\u62E9${title}` };
-        return Props;
-      },
-      setDefaultValue(defaultValue, defValueUnit) {
-        if (defValueUnit && defValueUnit !== DatePresetValEnums.CUSTOM) {
-          return presetValToTimestamp(defValueUnit, "YYYY-MM-DD HH:mm:ss");
-        }
-        return moment(defaultValue).format("YYYY-MM-DD HH:mm:ss");
-      }
-    }
-  ],
-  [
-    WidgetTypeEnums.CHECKBOX_GROUP,
-    {
-      component: CheckboxGroup,
-      props: {},
-      style: {
-        "line-height": "32px"
-      },
-      handlerProps(props, { valueList, multiple } = {}) {
-        const Props = { ...props, multiple };
-        if (Array.isArray(valueList))
-          Props.options = valueList.map(({ value, label }) => ({ value, label }));
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ]
-]);
-const formatItemData = (val, widgetType) => {
-  if (widgetType === WidgetTypeEnums.DATE || widgetType === WidgetTypeEnums.DATE_TIME) {
-    return moment(val).format("YYYY-MM-DD HH:mm:ss");
-  }
-  return val;
-};
-
-export { WidgetCfgMaps, formatItemData };
+import{WidgetTypeEnums as e,DatePresetValEnums as l}from"./enums.js";import{NInputNumber as t,NInput as a,NDatePicker as o}from"naive-ui";import r from"./components/CheckboxGroup.vue.js";import p from"./components/Select.vue.js";import s from"moment";import{presetValToTimestamp as m}from"./helpers/presetValToTimestamp.js";const n=e=>e,u=new Map([[e.INPUT_NUMBER,{component:t,props:{clearable:!0},eventsBySearch:[{name:"keydown",handler(e,l){"Enter"===e.key&&(console.log("点击keyup>>>>>",l),l())}}],handlerProps:(e,{title:l}={})=>({...e,placeholder:`输入${l}`}),setDefaultValue:n}],[e.INPUT,{component:a,props:{clearable:!0},eventsBySearch:[{name:"keydown",handler(e,l){"Enter"===e.key&&l()}}],handlerProps:(e,{title:l}={})=>({...e,placeholder:`搜索${l}`}),setDefaultValue:n}],[e.SELECT,{component:p,props:{clearable:!0,options:[],filterable:!0,multiple:!1},eventsBySearch:[{name:"change",handler(e,l,t){const{multiple:a}=t;a&&l()}}],handlerProps(e,{valueList:l,multiple:t,title:a}={}){const o={...e,placeholder:`请选择${a}`};return Array.isArray(l)&&(o.options=l.map((({value:e,label:l})=>({value:e,label:l})))),t&&(o.multiple=!0),o},setDefaultValue:n}],[e.DATE,{component:o,props:{type:"date",clearable:!0,valueFormat:"yyyy-MM-dd"},handlerProps:(e,{title:l}={})=>({...e,placeholder:`请选择${l}`}),setDefaultValue:(e,t)=>t&&t!==l.CUSTOM?m(t,"YYYY-MM-DD HH:mm:ss"):e}],[e.DATE_TIME,{component:o,props:{type:"datetime",clearable:!0,valueFormat:"yyyy-MM-dd HH:mm:ss"},handlerProps:(e,{title:l}={})=>({...e,placeholder:`请选择${l}`}),setDefaultValue:(e,t)=>t&&t!==l.CUSTOM?m(t,"YYYY-MM-DD HH:mm:ss"):s(e).format("YYYY-MM-DD HH:mm:ss")}],[e.CHECKBOX_GROUP,{component:r,props:{},style:{"line-height":"32px"},handlerProps(e,{valueList:l,multiple:t}={}){const a={...e,multiple:t};return Array.isArray(l)&&(a.options=l.map((({value:e,label:l})=>({value:e,label:l})))),a},setDefaultValue:n}]]),i=(l,t)=>t===e.DATE||t===e.DATE_TIME?s(l).format("YYYY-MM-DD HH:mm:ss"):l;export{u as WidgetCfgMaps,i as formatItemData};