cnhis-design-vue 3.1.13-beta.1 → 3.1.13-beta.10

package/es/packages/form-render/src/components/renderer/linebar.js

@@ -1,75 +0,0 @@
-import { defineComponent, ref, onMounted, inject, createVNode } from 'vue';
-import { connect, mapProps } from '@formily/vue';
-import { NDivider, NCollapseTransition } from 'naive-ui';
-import { useFormField } from '../../../../../packages/form-render';
-import { InjectionFormItemDepsCollector, FormItemLineBarDepKeyPrepend } from '../../constants/index.js';
-
-const script = defineComponent({
-  name: "FormCollapse",
-  props: {
-    show: {
-      type: Boolean,
-      default: true
-    },
-    line: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, {
-    slots
-  }) {
-    const _show = ref(props.show);
-    onMounted(() => {
-      _show.value = props.show;
-    });
-    function toggleShow() {
-      if (props.disabled)
-        return;
-      _show.value = !_show.value;
-    }
-    const {
-      fieldKey
-    } = useFormField();
-    const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
-    formItemDepsCollector.setDeps(fieldKey.value, FormItemLineBarDepKeyPrepend + fieldKey.value, (v = true) => {
-      _show.value = v;
-    });
-    return () => {
-      return createVNode("section", {
-        "class": "form-render__linebar",
-        "anchor-target": true
-      }, [props.line ? createVNode(NDivider, {
-        "style": {
-          margin: "4px 0"
-        }
-      }, {
-        default() {
-          return [props.title];
-        }
-      }) : createVNode("header", {
-        "class": "form-render__linebarHeader",
-        "onClick": toggleShow
-      }, [props.title]), createVNode(NCollapseTransition, {
-        "class": "form-render__linebarItem",
-        "show": _show.value
-      }, slots)]);
-    };
-  }
-});
-const LINEBAR = connect(script, mapProps((props, field) => {
-  return {
-    ...props,
-    title: field.title
-  };
-}));
-
-export { LINEBAR };

package/es/packages/form-render/src/components/renderer/radio.d.ts

@@ -1,26 +0,0 @@
-import { AnyObject } from '../../../../../../es/src/types';
-import { PropType } from 'vue';
-export declare const RADIO: import("vue").DefineComponent<{
-    value: {};
-    options: {
-        type: PropType<AnyObject[]>;
-        default: () => never[];
-    };
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {};
-    options: {
-        type: PropType<AnyObject[]>;
-        default: () => never[];
-    };
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    options: AnyObject[];
-    vertical: boolean;
-}>;

package/es/packages/form-render/src/components/renderer/radio.js

@@ -1,45 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { connect, mapProps } from '@formily/vue';
-import { NRadioGroup, NSpace, NRadio } from 'naive-ui';
-import { assignUpdateValue } from '../../utils/index.js';
-
-const script = defineComponent({
-  props: {
-    value: {},
-    options: {
-      type: Array,
-      default: () => []
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    return () => {
-      return createVNode(NRadioGroup, {
-        "value": props.value
-      }, {
-        default: () => [createVNode(NSpace, {
-          "vertical": props.vertical
-        }, {
-          default: () => {
-            var _a;
-            return [(_a = props.options) == null ? void 0 : _a.map((option) => {
-              return createVNode(NRadio, {
-                "value": option.value
-              }, {
-                default: () => [option.text]
-              });
-            })];
-          }
-        })]
-      });
-    };
-  }
-});
-const RADIO = connect(script, mapProps({
-  dataSource: "options"
-}, assignUpdateValue));
-
-export { RADIO };

package/es/packages/form-render/src/components/renderer/select.d.ts

@@ -1,47 +0,0 @@
-import { AnyObject, Func } from '../../../../../../es/src/types';
-import { FormRequestType } from '../../types';
-import { PropType } from 'vue';
-declare type UrlConfig = {
-    method: FormRequestType;
-    dependKey?: string | string[];
-    nameKey: string;
-    url: string;
-    params?: AnyObject;
-    valueKey: string;
-};
-export declare const SELECT: import("vue").DefineComponent<{
-    value: {
-        type: StringConstructor;
-    };
-    options: {
-        type: PropType<AnyObject[]>;
-        default: () => never[];
-    };
-    urlConfig: {
-        type: PropType<UrlConfig>;
-    };
-    onFocus: {
-        type: PropType<Func<any[], any>>;
-    };
-    onChange: {};
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: StringConstructor;
-    };
-    options: {
-        type: PropType<AnyObject[]>;
-        default: () => never[];
-    };
-    urlConfig: {
-        type: PropType<UrlConfig>;
-    };
-    onFocus: {
-        type: PropType<Func<any[], any>>;
-    };
-    onChange: {};
-}>> & {
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
-    options: AnyObject[];
-}>;
-export {};

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

@@ -1,142 +0,0 @@
-import { defineComponent, ref, inject, computed, watch, nextTick, createVNode } from 'vue';
-import { isField } from '@formily/core';
-import { cloneDeep } from 'lodash-es';
-import { InjectAsyncQueue, InjectionFormItemDepsCollector, InjectionChangeContextCollector } from '../../constants/index.js';
-import { assignUpdateValue, formRenderLog, generateUrlParams } from '../../utils/index.js';
-import { isObject } from '@vueuse/core';
-import { connect, mapProps } from '@formily/vue';
-import { NSelect } from 'naive-ui';
-import { useFormField } from '../../hooks/useFormField.js';
-
-const script = defineComponent({
-  name: "FormSelect",
-  props: {
-    value: {
-      type: String
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    urlConfig: {
-      type: Object
-    },
-    onFocus: {
-      type: Function
-    },
-    onChange: {}
-  },
-  emits: ["update:value"],
-  setup(props, {
-    slots,
-    emit
-  }) {
-    const remoteOptions = ref(null);
-    const lastSearch = ref("");
-    const asyncQueue = inject(InjectAsyncQueue);
-    const {
-      title,
-      field,
-      fieldKey
-    } = useFormField();
-    function filterOption(options, searchContent) {
-      return options.filter((option) => {
-        return !searchContent || String(option[labelKey.value]).includes(searchContent);
-      });
-    }
-    async function fetchData(content) {
-      lastSearch.value = content || "";
-      if (remoteOptions.value)
-        return;
-      const config = props.urlConfig;
-      if (!config) {
-        return remoteOptions.value = null;
-      }
-      if (!isObject(config)) {
-        formRenderLog(`invalid urlConfig (${config}) in SELECT => ${title.value}`, "warn");
-        return remoteOptions.value = null;
-      }
-      try {
-        remoteOptions.value = await asyncQueue.addAsync({
-          ...createParams(config, field.value),
-          key: title.value
-        });
-      } catch (e) {
-        remoteOptions.value = null;
-      }
-      function createParams(config2, field2) {
-        return {
-          ...config2,
-          params: Object.assign({}, config2.params, generateUrlParams(field2, config2.dependKey))
-        };
-      }
-    }
-    const parsedOptions = computed(() => {
-      if (remoteOptions.value)
-        return filterOption(remoteOptions.value, lastSearch.value);
-      if (!Array.isArray(props.options))
-        return [];
-      return filterOption(props.options, lastSearch.value);
-    });
-    const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
-    watch(() => props.urlConfig, (config) => {
-      remoteOptions.value = null;
-      config && formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], async () => {
-        remoteOptions.value = null;
-        await nextTick();
-        props.value != null && await fetchData();
-      });
-    }, {
-      immediate: true
-    });
-    watch(() => props.value, (n, o) => {
-      var _a, _b;
-      if (o == null && n != null) {
-        fetchData();
-      }
-      if (isField(field.value) && field.value.visited) {
-        (_b = (_a = field.value).validate) == null ? void 0 : _b.call(_a);
-      }
-    }, {
-      immediate: true
-    });
-    const changeContextCollector = inject(InjectionChangeContextCollector);
-    function update(v, option) {
-      changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, "currentOption", cloneDeep(option));
-      emit("update:value", v);
-    }
-    const labelKey = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text";
-    });
-    const valueKey = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
-    });
-    function focusDecorator(onFocus) {
-      return (...args) => {
-        if (isField(field.value)) {
-          field.value.visited = true;
-        }
-        return onFocus == null ? void 0 : onFocus(...args);
-      };
-    }
-    return () => createVNode(NSelect, {
-      "value": props.value,
-      "onUpdate:value": update,
-      "remote": true,
-      "filterable": true,
-      "labelField": labelKey.value,
-      "valueField": valueKey.value,
-      "onSearch": fetchData,
-      "onUpdate:show": (show) => show && fetchData(),
-      "onFocus": focusDecorator(props.onFocus),
-      "options": parsedOptions.value
-    }, slots);
-  }
-});
-const SELECT = connect(script, mapProps({
-  dataSource: "options"
-}, assignUpdateValue));
-
-export { SELECT };

package/es/packages/form-render/src/components/renderer/simpleComponent.d.ts

@@ -1,2 +0,0 @@
-export declare const TEXT: (props: any) => JSX.Element;
-export declare const BUTTON: (props: any) => JSX.Element;

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

@@ -1,64 +0,0 @@
-import { createVNode, mergeProps, isVNode } from 'vue';
-import { connect, mapProps } from '@formily/vue';
-import { isObject, isFunction } from 'lodash-es';
-import { NButton } from 'naive-ui';
-
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-function createPropFor(props) {
-  return (property) => {
-    var _a;
-    return (_a = props.fieldItem) == null ? void 0 : _a[property];
-  };
-}
-function createSlot(renderer, props) {
-  if (isObject(renderer)) {
-    const result = {};
-    Object.entries(renderer).forEach(([key, renderer2]) => {
-      isFunction(renderer2) && (result[key] = () => renderer2(props));
-    });
-    return result;
-  }
-  return {
-    default() {
-      return isFunction(renderer) ? renderer(props) : renderer;
-    }
-  };
-}
-const textScript = (props) => {
-  var _a, _b, _c;
-  const propFor = createPropFor(props);
-  return createVNode("div", (_a = propFor("componentProps")) != null ? _a : {}, [(_c = (_b = createSlot(props.content, props)).default) == null ? void 0 : _c.call(_b)]);
-};
-const TEXT = connect(textScript, mapProps((props) => {
-  var _a;
-  return {
-    ...props,
-    content: (_a = props.fieldItem) == null ? void 0 : _a.content
-  };
-}));
-const buttonScript = (props) => {
-  var _a;
-  let _slot;
-  const propFor = createPropFor(props);
-  function onClick() {
-    var _a2;
-    const cb = propFor("onClick") || ((_a2 = propFor("componentProps")) == null ? void 0 : _a2.onClick);
-    return () => isFunction(cb) && cb(props.fieldItem);
-  }
-  return createVNode(NButton, mergeProps((_a = propFor("componentProps")) != null ? _a : {}, {
-    "onClick": onClick()
-  }), _isSlot(_slot = createSlot(props.content, props)) ? _slot : {
-    default: () => [_slot]
-  });
-};
-const BUTTON = connect(buttonScript, mapProps((props) => {
-  var _a;
-  return {
-    ...props,
-    content: (_a = props.fieldItem) == null ? void 0 : _a.content
-  };
-}));
-
-export { BUTTON, TEXT };