cnhis-design-vue 3.1.9 → 3.1.11-beta.1

package/es/packages/field-set/style/index.less

@@ -1,157 +0,0 @@
-.c-field-set {
-  ul {
-    margin: 0;
-    padding: 0;
-  }
-  
-  .fields-set-content {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    .fields-table {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      overflow: auto;
-    }
-  }
-  
-  height: 100%;
-  position: relative;
-  .n-spin-container {
-    width: 100%;
-    height: 100%;
-  }
-  .n-spin-content {
-    height: 100%;
-  }
-  .setting-title {
-    background: #f2f2f4;
-    border: 1px solid #f2f2f2;
-    height: 52px;
-    line-height: 52px;
-    span {
-      display: inline-block;
-    }
-    &.seting-title-api {
-      .width-large {
-        width: 15%;
-      }
-    }
-  }
-  .set-show {
-    min-height: 100px;
-    overflow-y: auto;
-    &.set-show-api {
-      .width-large {
-        width: 15%;
-      }
-    }
-
-    .left-style.sortable-chosen {
-      background: #fafafa;
-      box-shadow: 0px 0px 10px 0px #d5d5d5;
-    }
-
-    li {
-      padding: 5px 0;
-      display: flex;
-      align-items: center;
-      border-bottom: 1px solid #e8e8e8;
-      height: 52px;
-      line-height: 52px;
-    }
-    .alias-style {
-      outline: none;
-      border-radius: 4px 4px 4px 4px;
-      border: solid 1px #d5d5d5;
-      height: 32px;
-      text-indent: 16px;
-      color: #38454f;
-      width: 100%;
-    }
-    .is-sort-style {
-      outline: none;
-      border-radius: 4px 4px 4px 4px;
-      border: solid 1px #d5d5d5;
-      height: 32px;
-      text-indent: 6px;
-      color: #38454f;
-      width: 87px;
-      margin-right: 5px;
-      &:disabled {
-        cursor: not-allowed;
-        background: #f5f5f5;
-      }
-    }
-    .col-width-style {
-      width: 70px;
-    }
-    .title-item {
-      display: inline-flex;
-      justify-content: flex-start;
-      align-items: center;
-      text-align: left;
-      > span {
-        display: inline-block;
-        max-width: calc(100% - 20px);
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-    }
-  }
-  .alias-style {
-    outline: none;
-    border-radius: 4px 4px 4px 4px;
-    border: solid 1px rgba(212, 222, 229, 1);
-    height: 32px;
-    text-indent: 16px;
-    color: #38454f;
-  }
-  .btn-operate {
-    border-top: 1px solid #d5d5d5;
-    padding: 12px 0 12px;
-  }
-
-  .width-show {
-    display: inline-block;
-    width: 10%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-  .drag-icon-wrap {
-    width: 5% !important;
-    cursor: pointer;
-    text-align: center;
-  }
-  .width-showed {
-    display: inline-block;
-    width: 15%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    select {
-      width: 90% !important;
-    }
-  }
-  .width-word {
-    display: inline-block;
-    width: 20%;
-    line-height: 52px;
-    overflow: hidden;
-    white-space: nowrap;
-    input {
-      width: 90% !important;
-    }
-  }
-  .width-large {
-    display: inline-block;
-    width: 20%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-}

package/es/packages/form-render/index.mjs

@@ -1,20 +0,0 @@
-import { COMPONENT_NAMESPACE } from 'cnhis-design-vue/es/src/global/variable';
-import { safeComponentRegister } from 'cnhis-design-vue/es/src/utils';
-import './src/FormRender.mjs';
-import script from './src/FormRender.vue_vue_type_script_setup_true_lang.mjs';
-export { useFieldList2Schema } from './src/hooks/useFieldList2Schema.mjs';
-export { useFormRequest } from './src/hooks/useFormRequest.mjs';
-export { useCommonLog } from './src/hooks/useCommonLog.mjs';
-export { useFormField } from './src/hooks/useFormField.mjs';
-export { AsyncQueue, useAsyncQueue } from './src/hooks/useAsyncQueue.mjs';
-export { useFieldVisitor } from './src/hooks/useFieldVisitor.mjs';
-export { useTypeNormalize } from './src/hooks/useTypeNormalize.mjs';
-export { useFormValidator } from './src/hooks/useFormValidator.mjs';
-export { BusinessCollector, useBusinessBinding } from './src/hooks/useBusinessBinding.mjs';
-
-const FormRender = script;
-FormRender.install = function(app) {
-  safeComponentRegister(app, FormRender, COMPONENT_NAMESPACE + "FormRender");
-};
-
-export { FormRender as default };

package/es/packages/form-render/src/FormRender.vue_vue_type_script_setup_true_lang.mjs

@@ -1,101 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, renderSlot, createBlock, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
-import { injectOrProvide } from './utils/index.mjs';
-import { cloneDeep } from 'lodash-es';
-import { InjectionBusinessCollector, InjectAsyncQueue, InjectionSchemaField } from './constants/index.mjs';
-import * as index from './components/index.mjs';
-import { createForm, onFieldValueChange } from '@formily/core';
-import { FormProvider, FormConsumer, createSchemaField } from '@formily/vue';
-import { useBusinessBinding } from './hooks/useBusinessBinding.mjs';
-import { useAsyncQueue } from './hooks/useAsyncQueue.mjs';
-import { useFieldVisitor } from './hooks/useFieldVisitor.mjs';
-import { useFieldList2Schema } from './hooks/useFieldList2Schema.mjs';
-
-const _hoisted_1 = { style: { "white-space": "pre" } };
-var script = /* @__PURE__ */ defineComponent({
-  __name: "FormRender",
-  props: {
-    fieldList: { type: Array },
-    initialData: { type: Object, default: () => ({}) },
-    fieldVisitor: { type: Object },
-    column: { type: Number, default: 12 },
-    parallelism: { type: Number, default: 3 },
-    schema: { type: Object },
-    components: {
-      type: Object,
-      default: () => ({})
-    },
-    scope: { type: Object, default: () => ({}) },
-    consumer: { type: Boolean, default: false }
-  },
-  emits: [
-    "formChange"
-  ],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const { create, trigger } = useBusinessBinding();
-    const collector = injectOrProvide(InjectionBusinessCollector, create);
-    injectOrProvide(InjectAsyncQueue, () => useAsyncQueue().create(props.parallelism));
-    const formModel = createForm({
-      initialValues: props.initialData,
-      effects() {
-        onFieldValueChange("*", (field) => {
-          emit("formChange", {
-            fieldInstance: field,
-            fieldKey: field.props.name,
-            fieldName: field.title,
-            value: field.value
-          });
-          trigger(collector, formModel, field.props.name, field.value);
-        });
-      }
-    });
-    const SchemaField = injectOrProvide(InjectionSchemaField, () => createSchemaField({
-      components: { ...index, ...props.components },
-      scope: props.scope
-    }).SchemaField);
-    const { traverse } = useFieldVisitor();
-    const { transform } = useFieldList2Schema(collector);
-    const renderSchema = computed(() => {
-      if (props.schema) {
-        return props.schema;
-      } else if (props.fieldList) {
-        const _fieldList = traverse(cloneDeep(props.fieldList), props.fieldVisitor);
-        return { type: "object", properties: transform(_fieldList) };
-      }
-      return { type: "object", properties: {} };
-    });
-    function validate() {
-      return formModel.validate();
-    }
-    expose({
-      validate,
-      getFormValues() {
-        return formModel.getFormState().values;
-      },
-      setFieldState: formModel.setFieldState.bind(formModel)
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", {
-        class: "form-render__wrapper",
-        style: normalizeStyle({ "--column": __props.column })
-      }, [
-        createVNode(unref(FormProvider), { form: unref(formModel) }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", { schemaFiled: unref(SchemaField) }, () => [
-              createVNode(unref(SchemaField), { schema: unref(renderSchema) }, null, 8, ["schema"])
-            ]),
-            __props.consumer ? (openBlock(), createBlock(unref(FormConsumer), { key: 0 }, {
-              default: withCtx(({ form }) => [
-                createElementVNode("div", _hoisted_1, toDisplayString(JSON.stringify(form.values, null, 2)), 1)
-              ]),
-              _: 1
-            })) : createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        }, 8, ["form"])
-      ], 4);
-    };
-  }
-});
-
-export { script as default };

package/es/packages/form-render/src/components/index.mjs

@@ -1,16 +0,0 @@
-export { INPUT } from './input.mjs';
-export { SELECT } from './select.mjs';
-export { FORM_ITEM } from './formItem.mjs';
-export { TEXTAREA } from './textarea.mjs';
-export { INPUT_NUMBER } from './inputNumber.mjs';
-export { COLLAPSE } from './collapse.mjs';
-export { INPUT_GROUP } from './inputGroup.mjs';
-export { DATE } from './date.mjs';
-export { SEARCH_CASCADE } from './cascader.mjs';
-export { COMBINATION } from './combination.mjs';
-export { CHECKBOX } from './checkbox.mjs';
-export { SWITCH } from './switch.mjs';
-export { RADIO } from './radio.mjs';
-export { LABEL } from './labelSelect.mjs';
-export { SLIDER } from './slider.mjs';
-export { COMPLEX } from './complex.mjs';

package/es/packages/form-render/src/components/select.mjs

@@ -1,100 +0,0 @@
-import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
-import { InjectAsyncQueue } from '../constants/index.mjs';
-import { assignUpdateValue, formRenderLog } from '../utils/index.mjs';
-import { isObject } from '@vueuse/core';
-import { connect, mapProps } from '@formily/vue';
-import { NSelect } from 'naive-ui';
-import { useFormField } from '../hooks/useFormField.mjs';
-
-const script = defineComponent({
-  name: "FormSelect",
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    urlConfig: {
-      type: Object
-    },
-    onChange: {
-      type: Function
-    }
-  },
-  setup(props, {
-    slots,
-    attrs
-  }) {
-    const _options = ref(null);
-    let cachedOptions = null;
-    let lastSearch;
-    const asyncQueue = inject(InjectAsyncQueue);
-    const {
-      title
-    } = useFormField();
-    async function fetchData(content) {
-      if (content === lastSearch && cachedOptions)
-        return;
-      lastSearch = content;
-      const config = props.urlConfig;
-      if (!config) {
-        return cachedOptions = _options.value = null;
-      }
-      if (!isObject(config)) {
-        formRenderLog(`invalid urlConfig (${config}) in SELECT => ${title.value}`, "warn");
-        return cachedOptions = _options.value = null;
-      }
-      if (cachedOptions) {
-        return _options.value = cachedOptions.filter((option) => {
-          var _a;
-          return !content || ((_a = option[config.nameKey]) == null ? void 0 : _a.includes(content));
-        });
-      }
-      try {
-        const data = await asyncQueue.addAsync({
-          ...config,
-          key: title.value
-        });
-        _options.value = data.reduce((res, d) => {
-          var _a;
-          if (((_a = d[config.nameKey]) == null ? void 0 : _a.includes(content)) || !content) {
-            res.push(d);
-          }
-          return res;
-        }, []);
-        cachedOptions = _options.value;
-      } catch (e) {
-        _options.value = null;
-      }
-    }
-    const renderOptions = computed(() => {
-      return _options.value || props.options || [];
-    });
-    watch(() => props.urlConfig, () => {
-      cachedOptions = null;
-    });
-    watch(() => attrs.value, (n, o) => {
-      if (o == null && n != null) {
-        fetchData();
-      }
-    }, {
-      immediate: true
-    });
-    return () => {
-      var _a, _b, _c, _d;
-      return createVNode(NSelect, {
-        "remote": true,
-        "filterable": true,
-        "labelField": (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text",
-        "valueField": (_d = (_c = props.urlConfig) == null ? void 0 : _c.valueKey) != null ? _d : "value",
-        "onSearch": fetchData,
-        "onUpdate:show": (show) => show && fetchData(),
-        "options": renderOptions.value
-      }, slots);
-    };
-  }
-});
-const SELECT = connect(script, mapProps({
-  dataSource: "options"
-}, assignUpdateValue));
-
-export { SELECT };

package/es/packages/form-render/src/hooks/index.mjs

@@ -1,9 +0,0 @@
-export { useFieldList2Schema } from './useFieldList2Schema.mjs';
-export { useFormRequest } from './useFormRequest.mjs';
-export { useCommonLog } from './useCommonLog.mjs';
-export { useFormField } from './useFormField.mjs';
-export { AsyncQueue, useAsyncQueue } from './useAsyncQueue.mjs';
-export { useFieldVisitor } from './useFieldVisitor.mjs';
-export { useTypeNormalize } from './useTypeNormalize.mjs';
-export { useFormValidator } from './useFormValidator.mjs';
-export { BusinessCollector, useBusinessBinding } from './useBusinessBinding.mjs';

package/es/packages/form-render/style/index.less

@@ -1,129 +0,0 @@
-@block: ~"form-render";
-
-#form-grid() {
-  .display(@column) {
-    display: grid !important;
-    grid-template-columns: repeat(@column, minmax(0px, 1fr));
-    gap: 0 8px;
-  }
-  .item(@column) {
-    grid-column: span @column / span @column;
-  }
-}
-
-#form-input-group(@direction) {
-  border-bottom-@{direction}-radius: 0;
-  border-top-@{direction}-radius: 0;
-}
-
-.@{block} {
-  @display: #form-grid .display(var(--column));
-  @item: #form-grid .item(var(--column));
-  @form-item: #form-grid .item(var(--form-item-column));
-
-  &__wrapper {
-    @display();
-  }
-
-  &__formItem {
-    @form-item();
-
-    .n-date-picker {
-      width: 100%;
-    }
-  }
-
-  &__collapse {
-    @item();
-
-    &Header {
-      cursor: pointer;
-      display: flex;
-      background: #fafafa;
-      height: 36px;
-      align-items: center;
-      padding: 0 16px;
-      margin-bottom: 8px;
-      border: 1px solid #d9d9d9;
-    }
-
-    &Item {
-      @display();
-    }
-  }
-
-  &__inputGroup {
-    @item();
-    display: flex;
-    align-items: flex-end;
-
-    > div {
-      flex: 1;
-
-      &:not(:last-of-type) {
-        .n-input__border,
-        .n-base-selection__border {
-          border-right: 0;
-          #form-input-group(right);
-        }
-      }
-
-      &:last-of-type {
-        .n-input__border,
-        .n-base-selection__border {
-          #form-input-group(left);
-        }
-      }
-    }
-  }
-
-  &__combination {
-    width: 100%;
-
-    &Header {
-      > h3 {
-        font-size: 16px;
-        font-weight: 700;
-        padding: 0;
-        margin: 0;
-      }
-
-      display: flex;
-      gap: 12px;
-    }
-
-    &HeaderText {
-      font-size: 16px;
-      font-weight: 500;
-    }
-
-    &Close {
-      position: absolute;
-      right: 0;
-      top: 5px;
-      width: 14px;
-      height: 14px;
-      border-radius: 50%;
-      background: red;
-      cursor: pointer;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      color: white;
-      vertical-align: middle;
-      font-size: 16px;
-    }
-
-    &Content {
-      position: relative;
-    }
-  }
-
-  &__complex {
-    width: 100%;
-
-    &Content {
-      @display();
-    }
-  }
-}

package/es/packages/form-table/src/hooks/index.mjs

@@ -1,5 +0,0 @@
-export { useBoundDate } from './useBoundDate.mjs';
-export { useItemDefault } from './useItemDefault.mjs';
-export { useValidate } from './useValidate.mjs';
-export { useDateType } from './useDateType.mjs';
-export { useSearch } from './useSearch.mjs';