cnhis-design-vue 3.3.1-beta.7 → 3.3.1-release.4

package/es/components/form-render/src/components/renderer/select.js

@@ -1 +1,395 @@
-import{defineComponent as e,computed as o,watch as t,inject as l,useAttrs as a,ref as r,createVNode as n,mergeProps as s,toRaw as i,nextTick as u}from"vue";import p from"../../../../../shared/components/ArrowIcon/ArrowIcon.vue.js";import{arrayed as d}from"../../../../../shared/utils/index.js";import{NSelect as c}from"naive-ui";import"@vueuse/core";import"date-fns";import{cloneDeep as m,isArray as v,isFunction as f,isObject as y,omit as h,xor as b}from"lodash-es";import"@vue/shared";import{useSelectAllowModify as j}from"../../../../../shared/hooks/selectHooks/useSelectAllowModify.js";import"../../../../../shared/hooks/selectHooks/useSearchContent.js";import{useSelectRenders as S}from"../../../../../shared/hooks/selectHooks/useSelectRenders.js";import"../../../../../shared/hooks/useScrollLoading.js";import{connect as k,mapProps as g}from"@formily/vue";import C from"naive-ui/es/_mixins/use-locale";import{useCommonInjection as F,useSelectOptionProps as B}from"../../hooks/useCommonInjection.js";import{useComplexOptions as w,useComplexOptionsSpan as x}from"../../hooks/useComplexOptions.js";import{InjectionChangeContextCollector as A,InjectionFormUUID as O,InjectionFormGlobalProps as _}from"../../constants/index.js";import"@formily/path";import"@formily/core";import"@vicons/ionicons5";import"./text.js";import"../../utils/business.js";import{assignUpdateValue as R,assignClearBindVisited as H,createVisitedSetter as K}from"../../utils/schema.js";import"../../../index.js";import"../../../../../shared/utils/tapable/SyncHook.js";import"../../../../../shared/utils/tapable/SyncBailHook.js";import"../../../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../../../shared/utils/tapable/SyncLoopHook.js";import"../../../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import"./index.js";import"@vueuse/shared";import{useFormField as V}from"../../hooks/useFormField.js";import"@formily/reactive";import{useUrlConfigOptions as L,useAutographOptions as M,useRecommendOptions as P}from"../../hooks/useFormRenderOptions.js";import"../../hooks/useFormValidator.js";const I=k(e({name:"FormSelect",props:{value:{type:[String,Array,Number]},lazyRequest:{type:Boolean,default:!0},requestCache:{type:Boolean,default:!0},options:{type:Array,default:()=>[]},onChange:{},labelField:{type:String,default:"text"},valueField:{type:String,default:"value"},showField:{type:String},allowCreate:Boolean,shouldSave:Boolean,allowModify:Boolean,showCustomValue:Boolean,cursorPlacement:{type:String,default:"end"},urlConfig:{type:Object},autograph:{type:String},wordbook:{type:Object},recommend:{type:Boolean,default:!1},commonList:{type:Array},recentList:{type:Array},getRecommendInfo:{type:Function},commonNum:{type:Number,default:10},recentNum:{type:Number,default:10},recommendCache:{type:Boolean,default:!1},useLoading:{type:Boolean,default:!0},multiple:{type:Boolean},deletable:{type:Boolean,default:!0},selectAll:{type:Boolean},searchByValue:{type:Boolean},wordSplitFilter:{},disabled:Boolean,placeholder:String,unMatchedOption:{type:Function}},emits:["update:value","postRecommend","patternChange"],setup(e,{slots:k,emit:g}){const R=o({get:()=>e.value,async set(e){g("update:value",e),Y(e)}}),{labelKey:H,valueKey:I,showKey:N,fetchData:q,searchContent:W,fullOptions:z,filterOptions:E,remoteOptions:D,loading:T}=e.urlConfig?L(e,R):M(e,R);t(W,(e=>{g("patternChange",{pattern:e,options:me.value})}));const{modifyEvent:U,modifyAbleRef:$,getOptionsWithCreated:G}=j(e,{searchContent:W,labelKey:H,valueKey:I,valueRef:R,fullOptions:z}),{renderComplexOption:J,hasComplexOption:Q}=w(e,R),{getRecommend:X,postRecommend:Y,sortedOptions:Z}=P(e,E,g,H,I),{field:ee,fieldKey:oe}=V();l(A).setContext(oe.value,(e=>({currentOption:m(function(e){const o=G(z.value);return v(e)?function(e){const t=o.reduce(((e,o)=>(e[o[I.value]]=o,e)),{});return e.map((e=>t[e]))}(e):(t=e,o.find((e=>e[I.value]===t)));var t}(e)),labelField:H.value,valueField:I.value})));const te=async e=>(W.value=e,Promise.allSettled([q(e),X(e)])),{injectValueValidate:le,injectValueWatchFromEmpty:ae,injectValueBindKey:re}=F();ae(R,(()=>e.lazyRequest&&te())),le(R);const ne=re(R),{menuProps:se,nodeProps:ie}=B(),{renderTag:ue,renderLabel:pe,renderSelectAll:de,titleRef:ce}=S(e,{labelKey:H,valueKey:I,valueRef:R,showKey:N,searchContent:W}),me=o((()=>G($.value?z.value:Z.value))),ve=a(),fe=o((()=>{var o;return f(e.unMatchedOption)?t()?R.value:null==(o=e.unMatchedOption(R.value))?void 0:o[H.value]:e.allowCreate||e.showCustomValue||t()?R.value:null;function t(){const o=e.multiple&&v(R.value);return!!z.value.find((e=>o?R.value.includes(e[I.value]):e[I.value]===R.value))}})),ye=r(!1);async function he(e){e&&await te(),ye.value=e}async function be(e,o){await U.updateValue(e,o),D.value&&o&&d(o).forEach((e=>{if(!y(e))return;const o=e;o.created&&o.shouldSave&&D.value.push(h(i(o),["created","shouldSave"]))}))}const je=l(O),{getSpan:Se}=x(),ke=K(ee,U.focus);function ge(o){if(!e.multiple)return;const t=o?me.value.map((e=>e[I.value])):[];b(t,e.value).length&&(R.value=t)}const Ce=l(_),{localeRef:Fe}=C("Select"),Be=r(!0),we=r();async function xe(){var e;Be.value=!1,await u();const o=null==(e=we.value)?void 0:e.$el;if(!o)return;const t=o.querySelector("input");t&&t.click()}function Ae(o){var t;let l=k;return e.multiple&&e.selectAll&&(l={action:()=>de(ge),...k}),(null==Ce?void 0:Ce.lazyRender)&&Be.value?n("div",{class:["form-render__textMode--input n-input",{"form-render__textMode--inputDisabled":e.disabled}],tabindex:0,onFocus:xe},[[R.value?n("span",null,[R.value]):n("span",{class:"form-render__textMode--inputPlaceholder"},[e.placeholder||(null==(t=Fe.value)?void 0:t.placeholder)]),n(p,{class:"form-render__textMode--dateIcon n-base-icon n-date-picker-icon"},null)]]):n(c,s({ref:we,title:ce.value,key:ne.value,multiple:e.multiple,remote:!0,filterable:!0,loading:T.value,placeholder:e.placeholder,disabled:e.disabled,value:fe.value,onUpdateValue:be,"menu-props":se,"node-props":ie,labelField:H.value,valueField:I.value,options:me.value,onSearch:te,show:ye.value,"onUpdate:show":he,onFocus:ke,onBlur:U.blur,renderLabel:pe,renderTag:ue},o,ve),l)}return()=>{var e,o;if(!Q.value)return Ae();const t=null!=(o=null==(e=ee.value.decoratorProps)?void 0:e.span)?o:6,l=Se(je,ee.value.address);return n("section",{class:"form-render__selectChildField",style:{"--column":l+t}},[Ae({class:"form-render__selectChildFieldItem",style:{"--form-item-column":t}}),z.value.map((e=>J({option:e,value:R.value,valueKey:I.value,labelKey:H.value,childFieldStrategy:"checked",renderLabel:!1,attrs:{class:"form-render__selectChildFieldItem",style:{"--form-item-column":l}}})))])}}}),g({dataSource:"options"},R,H));export{I as SELECT};
+import { defineComponent, computed, watch, inject, useAttrs, ref, createVNode, mergeProps, toRaw, nextTick } from 'vue';
+import script$1 from '../../../../../shared/components/ArrowIcon/ArrowIcon.vue.js';
+import { arrayed } from '../../../../../shared/utils/index.js';
+import { NSelect } from 'naive-ui';
+import '@vueuse/core';
+import 'date-fns';
+import { cloneDeep, isArray, isFunction, isObject, omit, xor } from 'lodash-es';
+import '@vue/shared';
+import { useSelectAllowModify } from '../../../../../shared/hooks/selectHooks/useSelectAllowModify.js';
+import '../../../../../shared/hooks/selectHooks/useSearchContent.js';
+import { useSelectRenders } from '../../../../../shared/hooks/selectHooks/useSelectRenders.js';
+import '../../../../../shared/hooks/useScrollLoading.js';
+import { connect, mapProps } from '@formily/vue';
+import useLocale from 'naive-ui/es/_mixins/use-locale';
+import { useCommonInjection, useSelectOptionProps } from '../../hooks/useCommonInjection.js';
+import { useComplexOptions, useComplexOptionsSpan } from '../../hooks/useComplexOptions.js';
+import { InjectionChangeContextCollector, InjectionFormUUID, InjectionFormGlobalProps } from '../../constants/index.js';
+import '@formily/path';
+import '@formily/core';
+import '@vicons/ionicons5';
+import './text.js';
+import '../../utils/business.js';
+import { assignUpdateValue, assignClearBindVisited, createVisitedSetter } from '../../utils/schema.js';
+import '../../../index.js';
+import '../../../../../shared/utils/tapable/SyncHook.js';
+import '../../../../../shared/utils/tapable/SyncBailHook.js';
+import '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
+import '../../../../../shared/utils/tapable/SyncLoopHook.js';
+import '../../../../../shared/utils/tapable/AsyncParallelHook.js';
+import '../../../../../shared/utils/tapable/AsyncParallelBailHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import './index.js';
+import '@vueuse/shared';
+import { useFormField } from '../../hooks/useFormField.js';
+import '@formily/reactive';
+import { useUrlConfigOptions, useAutographOptions, useRecommendOptions } from '../../hooks/useFormRenderOptions.js';
+import '../../hooks/useFormValidator.js';
+import 'min-dash';
+
+const script = /* @__PURE__ */ defineComponent({
+  name: "FormSelect",
+  props: {
+    value: {
+      type: [String, Array, Number]
+    },
+    lazyRequest: {
+      type: Boolean,
+      default: true
+    },
+    requestCache: {
+      type: Boolean,
+      default: true
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    onChange: {},
+    labelField: {
+      type: String,
+      default: "text"
+    },
+    valueField: {
+      type: String,
+      default: "value"
+    },
+    showField: {
+      type: String
+    },
+    allowCreate: Boolean,
+    shouldSave: Boolean,
+    allowModify: Boolean,
+    showCustomValue: Boolean,
+    cursorPlacement: {
+      type: String,
+      default: "end"
+    },
+    urlConfig: {
+      type: Object
+    },
+    autograph: {
+      type: String
+    },
+    wordbook: {
+      type: Object
+    },
+    recommend: {
+      type: Boolean,
+      default: false
+    },
+    commonList: {
+      type: Array
+    },
+    recentList: {
+      type: Array
+    },
+    getRecommendInfo: {
+      type: Function
+    },
+    commonNum: {
+      type: Number,
+      default: 10
+    },
+    recentNum: {
+      type: Number,
+      default: 10
+    },
+    recommendCache: {
+      type: Boolean,
+      default: false
+    },
+    useLoading: {
+      type: Boolean,
+      default: true
+    },
+    multiple: {
+      type: Boolean
+    },
+    deletable: {
+      type: Boolean,
+      default: true
+    },
+    selectAll: {
+      type: Boolean
+    },
+    searchByValue: {
+      type: Boolean
+    },
+    wordSplitFilter: {},
+    disabled: Boolean,
+    placeholder: String,
+    unMatchedOption: {
+      type: Function
+    }
+  },
+  emits: ["update:value", "postRecommend", "patternChange"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const valueRef = computed({
+      get() {
+        return props.value;
+      },
+      async set(value) {
+        emit("update:value", value);
+        postRecommend(value);
+      }
+    });
+    const {
+      labelKey,
+      valueKey,
+      showKey,
+      fetchData: fetchOptions,
+      searchContent,
+      fullOptions,
+      filterOptions,
+      remoteOptions,
+      loading
+    } = props.urlConfig ? useUrlConfigOptions(props, valueRef) : useAutographOptions(props, valueRef);
+    watch(searchContent, (value) => {
+      emit("patternChange", {
+        pattern: value,
+        options: displayOptions.value
+      });
+    });
+    const {
+      modifyEvent,
+      modifyAbleRef,
+      getOptionsWithCreated
+    } = useSelectAllowModify(props, {
+      searchContent,
+      labelKey,
+      valueKey,
+      valueRef,
+      fullOptions
+    });
+    const {
+      renderComplexOption,
+      hasComplexOption
+    } = useComplexOptions(props, valueRef);
+    const {
+      getRecommend,
+      postRecommend,
+      sortedOptions
+    } = useRecommendOptions(props, filterOptions, emit, labelKey, valueKey);
+    const {
+      field,
+      fieldKey
+    } = useFormField();
+    const changeContextCollector = inject(InjectionChangeContextCollector);
+    changeContextCollector.setContext(fieldKey.value, (v) => {
+      return {
+        currentOption: cloneDeep(getCurrentOption(v)),
+        labelField: labelKey.value,
+        valueField: valueKey.value
+      };
+      function getCurrentOption(v2) {
+        const optionWithCreated = getOptionsWithCreated(fullOptions.value);
+        return isArray(v2) ? findArrayOption(v2) : findOption(v2);
+        function findOption(value) {
+          return optionWithCreated.find((option) => option[valueKey.value] === value);
+        }
+        function findArrayOption(value) {
+          const fullOptionMap = optionWithCreated.reduce((res, option) => {
+            res[option[valueKey.value]] = option;
+            return res;
+          }, {});
+          return value.map((item) => fullOptionMap[item]);
+        }
+      }
+    });
+    const fetchData = async (content) => {
+      searchContent.value = content;
+      return Promise.allSettled([fetchOptions(content), getRecommend(content)]);
+    };
+    const {
+      injectValueValidate,
+      injectValueWatchFromEmpty,
+      injectValueBindKey
+    } = useCommonInjection();
+    injectValueWatchFromEmpty(valueRef, () => props.lazyRequest && fetchData());
+    injectValueValidate(valueRef);
+    const key = injectValueBindKey(valueRef);
+    const {
+      menuProps,
+      nodeProps
+    } = useSelectOptionProps();
+    const {
+      renderTag,
+      renderLabel,
+      renderSelectAll,
+      titleRef
+    } = useSelectRenders(props, {
+      labelKey,
+      valueKey,
+      valueRef,
+      showKey,
+      searchContent
+    });
+    const displayOptions = computed(() => {
+      return getOptionsWithCreated(modifyAbleRef.value ? fullOptions.value : sortedOptions.value);
+    });
+    const attrs = useAttrs();
+    const displayValue = computed(() => {
+      var _a;
+      if (isFunction(props.unMatchedOption)) {
+        return isMatched() ? valueRef.value : (_a = props.unMatchedOption(valueRef.value)) == null ? void 0 : _a[labelKey.value];
+      }
+      if (props.allowCreate || props.showCustomValue)
+        return valueRef.value;
+      return isMatched() ? valueRef.value : null;
+      function isMatched() {
+        const needCompareArray = props.multiple && isArray(valueRef.value);
+        const option = fullOptions.value.find((option2) => {
+          return needCompareArray ? valueRef.value.includes(option2[valueKey.value]) : option2[valueKey.value] === valueRef.value;
+        });
+        return !!option;
+      }
+    });
+    const show = ref(false);
+    async function onUpdateShow(value) {
+      value && await fetchData();
+      show.value = value;
+    }
+    async function onUpdateValue(value, option) {
+      await modifyEvent.updateValue(value, option);
+      if (!remoteOptions.value || !option)
+        return;
+      arrayed(option).forEach((item) => {
+        if (!isObject(item))
+          return;
+        const _item = item;
+        if (!_item.created || !_item.shouldSave)
+          return;
+        remoteOptions.value.push(omit(toRaw(_item), ["created", "shouldSave"]));
+      });
+    }
+    const uuid = inject(InjectionFormUUID);
+    const {
+      getSpan
+    } = useComplexOptionsSpan();
+    const onFocus = createVisitedSetter(field, modifyEvent.focus);
+    function onSelectAll(checked) {
+      if (!props.multiple)
+        return;
+      const targetValue = checked ? displayOptions.value.map((option) => option[valueKey.value]) : [];
+      if (!xor(targetValue, props.value).length)
+        return;
+      valueRef.value = targetValue;
+    }
+    const globProps = inject(InjectionFormGlobalProps);
+    const {
+      localeRef
+    } = useLocale("Select");
+    const showText = ref(true);
+    const selectRef = ref();
+    async function onTextFocus() {
+      var _a;
+      showText.value = false;
+      await nextTick();
+      const ele = (_a = selectRef.value) == null ? void 0 : _a.$el;
+      if (!ele)
+        return;
+      const inputEle = ele.querySelector("input");
+      if (!inputEle)
+        return;
+      inputEle.click();
+    }
+    function renderSelect(otherAttrs) {
+      var _a;
+      let _slots = slots;
+      if (props.multiple && props.selectAll) {
+        _slots = {
+          action: () => renderSelectAll(onSelectAll),
+          ...slots
+        };
+      }
+      return (globProps == null ? void 0 : globProps.lazyRender) && showText.value ? createVNode("div", {
+        "class": ["form-render__textMode--input n-input", {
+          "form-render__textMode--inputDisabled": props.disabled
+        }],
+        "tabindex": 0,
+        "onFocus": onTextFocus
+      }, [[valueRef.value ? createVNode("span", null, [valueRef.value]) : createVNode("span", {
+        "class": "form-render__textMode--inputPlaceholder"
+      }, [props.placeholder || ((_a = localeRef.value) == null ? void 0 : _a.placeholder)]), createVNode(script$1, {
+        "class": "form-render__textMode--dateIcon n-base-icon n-date-picker-icon"
+      }, null)]]) : createVNode(NSelect, mergeProps({
+        "ref": selectRef,
+        "title": titleRef.value,
+        "key": key.value,
+        "multiple": props.multiple,
+        "remote": true,
+        "filterable": true,
+        "loading": loading.value,
+        "placeholder": props.placeholder,
+        "disabled": props.disabled,
+        "value": displayValue.value,
+        "onUpdateValue": onUpdateValue,
+        "menu-props": menuProps,
+        "node-props": nodeProps,
+        "labelField": labelKey.value,
+        "valueField": valueKey.value,
+        "options": displayOptions.value,
+        "onSearch": fetchData,
+        "show": show.value,
+        "onUpdate:show": onUpdateShow,
+        "onFocus": onFocus,
+        "onBlur": modifyEvent.blur,
+        "renderLabel": renderLabel,
+        "renderTag": renderTag
+      }, otherAttrs, attrs), _slots);
+    }
+    return () => {
+      var _a, _b;
+      if (!hasComplexOption.value)
+        return renderSelect();
+      const selfSpan = (_b = (_a = field.value.decoratorProps) == null ? void 0 : _a.span) != null ? _b : 6;
+      const complexSpan = getSpan(uuid, field.value.address);
+      return createVNode("section", {
+        "class": "form-render__selectChildField",
+        "style": {
+          "--column": complexSpan + selfSpan
+        }
+      }, [renderSelect({
+        class: "form-render__selectChildFieldItem",
+        style: {
+          "--form-item-column": selfSpan
+        }
+      }), fullOptions.value.map((option) => renderComplexOption({
+        option,
+        value: valueRef.value,
+        valueKey: valueKey.value,
+        labelKey: labelKey.value,
+        childFieldStrategy: "checked",
+        renderLabel: false,
+        attrs: {
+          class: "form-render__selectChildFieldItem",
+          style: {
+            "--form-item-column": complexSpan
+          }
+        }
+      }))]);
+    };
+  }
+});
+const SELECT = connect(script, mapProps({
+  dataSource: "options"
+}, assignUpdateValue, assignClearBindVisited));
+
+export { SELECT };

package/es/components/form-render/src/components/renderer/simpleComponent.js

@@ -1 +1,54 @@
-import{inject as n,createVNode as o}from"vue";import{connect as r,mapProps as t}from"@formily/vue";import{isFunction as e}from"lodash-es";import{NButton as l}from"naive-ui";import{InjectionFormGlobalProps as i}from"../../constants/index.js";import{createSlot as m}from"../../utils/index.js";const u=n=>{const r=function(n){return o=>{var r;return null==(r=n.fieldItem)?void 0:r[o]}}(n);return o(l,{onClick:function(){var o;const t=r("onClick")||(null==(o=r("componentProps"))?void 0:o.onClick);return()=>e(t)&&t(n.fieldItem)}()},m(n.content,n))};u.props={onClick:{},fieldItem:{},content:{}};const c=r(u,t((n=>{var o,r,t;return{...n,content:null!=(t=null==(o=n.fieldItem)?void 0:o.content)?t:null==(r=n.fieldItem)?void 0:r.alias}}))),s=r((r=>{var t;const e=n(i,{}),l=(null!=(t=r.border)?t:null==e?void 0:e.outBordered)?{background:"rgb(31,34,37)",margin:"0 -8px"}:null;return o("section",{class:"form-render__linebreaks",style:{"--form-item-column":999,height:"1px",...l}},null)}));export{c as BUTTON,s as LINE_BREAKS};
+import { inject, createVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { isFunction } from 'lodash-es';
+import { NButton } from 'naive-ui';
+import { InjectionFormGlobalProps } from '../../constants/index.js';
+import { createSlot } from '../../utils/index.js';
+
+function pathToFieldItem(props) {
+  return (property) => {
+    var _a;
+    return (_a = props.fieldItem) == null ? void 0 : _a[property];
+  };
+}
+const buttonScript = (props) => {
+  const fieldItem = pathToFieldItem(props);
+  function onClick() {
+    var _a;
+    const cb = fieldItem("onClick") || ((_a = fieldItem("componentProps")) == null ? void 0 : _a.onClick);
+    return () => isFunction(cb) && cb(props.fieldItem);
+  }
+  return createVNode(NButton, {
+    "onClick": onClick()
+  }, createSlot(props.content, props));
+};
+buttonScript.props = {
+  onClick: {},
+  fieldItem: {},
+  content: {}
+};
+const BUTTON = connect(buttonScript, mapProps((props) => {
+  var _a, _b, _c;
+  return {
+    ...props,
+    content: (_c = (_a = props.fieldItem) == null ? void 0 : _a.content) != null ? _c : (_b = props.fieldItem) == null ? void 0 : _b.alias
+  };
+}));
+const LINE_BREAKS = connect((props) => {
+  var _a;
+  const globProps = inject(InjectionFormGlobalProps, {});
+  const styles = ((_a = props.border) != null ? _a : globProps == null ? void 0 : globProps.outBordered) ? {
+    background: "rgb(31,34,37)",
+    margin: "0 -8px"
+  } : null;
+  return createVNode("section", {
+    "class": "form-render__linebreaks",
+    "style": {
+      "--form-item-column": 999,
+      height: "1px",
+      ...styles
+    }
+  }, null);
+});
+
+export { BUTTON, LINE_BREAKS };

package/es/components/form-render/src/components/renderer/slider.js

@@ -1 +1,38 @@
-import{defineComponent as e,computed as t,createVNode as r}from"vue";import{connect as u,mapProps as o}from"@formily/vue";import{NSlider as a}from"naive-ui";import{parseNumberFromMaybeString as i}from"../../utils/index.js";import{assignUpdateValue as m,assignValueBindKey as p}from"../../utils/schema.js";const l=u(e({props:{value:{type:[Number,String]}},emits:["update:value"],setup(e,{emit:u}){const o=t({get:()=>i(e.value),set:e=>u("update:value",e)});return()=>r(a,{value:o.value,"onUpdate:value":e=>o.value=e},null)}}),o(m,((e,t)=>{const r=m(e,t);return Array.isArray(r.option)&&(r.marks=r.option.reduce(((e,t)=>(e[+t.value]=t.text,e)),{})),r}),p));export{l as SLIDER};
+import { defineComponent, computed, createVNode } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { NSlider } from 'naive-ui';
+import { parseNumberFromMaybeString } from '../../utils/index.js';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema.js';
+
+const script = /* @__PURE__ */ defineComponent({
+  props: {
+    value: {
+      type: [Number, String]
+    }
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const valueRef = computed({
+      get: () => parseNumberFromMaybeString(props.value),
+      set: (v) => emit("update:value", v)
+    });
+    return () => createVNode(NSlider, {
+      "value": valueRef.value,
+      "onUpdate:value": ($event) => valueRef.value = $event
+    }, null);
+  }
+});
+const SLIDER = connect(script, mapProps(assignUpdateValue, (props, field) => {
+  const _props = assignUpdateValue(props, field);
+  if (Array.isArray(_props.option)) {
+    _props.marks = _props.option.reduce((fin, option) => {
+      fin[+option.value] = option.text;
+      return fin;
+    }, {});
+  }
+  return _props;
+}, assignValueBindKey));
+
+export { SLIDER };

package/es/components/form-render/src/components/renderer/switch.js

@@ -1 +1,113 @@
-import{defineComponent as e,useAttrs as o,ref as i,computed as l,createVNode as t,mergeProps as r,createTextVNode as u}from"vue";import{NSwitch as n,NModal as a,NCheckbox as d}from"naive-ui";import"../../../../../shared/utils/index.js";import"@formily/core";import"@formily/path";import"@vicons/ionicons5";import"@vue/shared";import"@vueuse/core";import"lodash-es";import"./text.js";import"../../utils/business.js";import{assignUpdateValue as s,assignValueBindKey as v}from"../../utils/schema.js";import{connect as p,mapProps as c}from"@formily/vue";import"../../../index.js";import{useFormField as m}from"../../hooks/useFormField.js";const w=p(e({name:"FormSwitch",props:{value:{},openDescription:{type:Object},closeDescription:{type:Object},showMode:{type:String,default:"SWITCH"},onChange:{}},emits:["update:value"],setup(e,{emit:s}){const v=o(),p=i(!1),{field:c,fieldKey:w}=m(),h=l((()=>{var e,o;return null==(o=null==(e=c.value.decoratorProps)?void 0:e.fieldItem)?void 0:o.requiredReminderContent})),f=l((()=>{var o,i;return null==(i=null==(o=e.openDescription)?void 0:o.value)||i})),g=l((()=>{var o,i;return null!=(i=null==(o=e.closeDescription)?void 0:o.value)&&i})),y=()=>{var o,i;return u(null!=(i=null==(o=e.openDescription)?void 0:o.describe)?i:"")},C=()=>{var o,i;return u(null!=(i=null==(o=e.closeDescription)?void 0:o.describe)?i:"")},j=l({get:()=>e.value===f.value,set(o){if(!h.value||"SWITCH"!==e.showMode||o)return s("update:value",o?f.value:g.value);p.value=!0}});function k(){s("update:value",g.value)}return()=>{return"SWITCH"===e.showMode?[t(n,r({value:j.value,"onUpdate:value":e=>j.value=e},v),{checked:y,unchecked:C}),h.value?t(a,{show:p.value,"onUpdate:show":e=>p.value=e,"display-directive":"show",preset:"dialog",title:(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.428"))||"确认","positive-text":(null==(i=window.getLanguageByCode)?void 0:i.call(window,"10010.1.428"))||"确认","negative-text":(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.28"))||"取消",content:h.value,onPositiveClick:k},null):null]:t(d,{checked:j.value,"onUpdate:checked":e=>j.value=e},{default:y});var o,i,l}}}),c(s,v));export{w as SWITCH};
+import { defineComponent, useAttrs, ref, computed, createVNode, mergeProps, createTextVNode } from 'vue';
+import { NSwitch, NModal, NCheckbox } from 'naive-ui';
+import '../../../../../shared/utils/index.js';
+import '@formily/core';
+import '@formily/path';
+import '@vicons/ionicons5';
+import '@vue/shared';
+import '@vueuse/core';
+import 'lodash-es';
+import './text.js';
+import '../../utils/business.js';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema.js';
+import { connect, mapProps } from '@formily/vue';
+import '../../../index.js';
+import { useFormField } from '../../hooks/useFormField.js';
+
+const script = /* @__PURE__ */ defineComponent({
+  name: "FormSwitch",
+  props: {
+    value: {},
+    openDescription: {
+      type: Object
+    },
+    closeDescription: {
+      type: Object
+    },
+    showMode: {
+      type: String,
+      default: "SWITCH"
+    },
+    onChange: {}
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const attrs = useAttrs();
+    const showModal = ref(false);
+    const {
+      field,
+      fieldKey
+    } = useFormField();
+    const reminderContent = computed(() => {
+      var _a, _b;
+      return (_b = (_a = field.value.decoratorProps) == null ? void 0 : _a.fieldItem) == null ? void 0 : _b.requiredReminderContent;
+    });
+    const checkedValue = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.openDescription) == null ? void 0 : _a.value) != null ? _b : true;
+    });
+    const uncheckedValue = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.closeDescription) == null ? void 0 : _a.value) != null ? _b : false;
+    });
+    const checked = () => {
+      var _a, _b;
+      return createTextVNode((_b = (_a = props.openDescription) == null ? void 0 : _a.describe) != null ? _b : "");
+    };
+    const unchecked = () => {
+      var _a, _b;
+      return createTextVNode((_b = (_a = props.closeDescription) == null ? void 0 : _a.describe) != null ? _b : "");
+    };
+    const valueRef = computed({
+      get() {
+        return props.value === checkedValue.value;
+      },
+      set(value) {
+        if (reminderContent.value && props.showMode === "SWITCH" && !value) {
+          showModal.value = true;
+          return;
+        }
+        return emit("update:value", value ? checkedValue.value : uncheckedValue.value);
+      }
+    });
+    function onComfirm() {
+      emit("update:value", uncheckedValue.value);
+    }
+    function renderSwitch() {
+      var _a, _b, _c;
+      return [createVNode(NSwitch, mergeProps({
+        "value": valueRef.value,
+        "onUpdate:value": ($event) => valueRef.value = $event
+      }, attrs), {
+        checked,
+        unchecked
+      }), reminderContent.value ? createVNode(NModal, {
+        "show": showModal.value,
+        "onUpdate:show": ($event) => showModal.value = $event,
+        "display-directive": "show",
+        "preset": "dialog",
+        "title": ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.428")) || "\u786E\u8BA4",
+        "positive-text": ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.428")) || "\u786E\u8BA4",
+        "negative-text": ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.28")) || "\u53D6\u6D88",
+        "content": reminderContent.value,
+        "onPositiveClick": onComfirm
+      }, null) : null];
+    }
+    function renderCheckbox() {
+      return createVNode(NCheckbox, {
+        "checked": valueRef.value,
+        "onUpdate:checked": ($event) => valueRef.value = $event
+      }, {
+        default: checked
+      });
+    }
+    return () => {
+      return props.showMode === "SWITCH" ? renderSwitch() : renderCheckbox();
+    };
+  }
+});
+const SWITCH = connect(script, mapProps(assignUpdateValue, assignValueBindKey));
+
+export { SWITCH };