@dfsj/components 3.0.0

package/dist/components/Editor/src/Editor.vue2.js

@@ -0,0 +1,138 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { defineComponent, computed, unref, shallowRef, ref, watch, onBeforeUnmount, openBlock, createElementBlock, createCommentVNode, createVNode, normalizeStyle, nextTick } from 'vue';
+import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
+import { i18nChangeLanguage } from '@wangeditor/editor';
+import { ElMessage } from 'element-plus';
+import { isNumber } from '../../../utils/is.js';
+import propTypes from '../../../utils/propTypes.js';
+
+var _hoisted_1 = {
+  "class": "border-1 border-solid border-[var(--el-border-color)] z-10"
+};
+var script = defineComponent({
+  __name: 'Editor',
+  props: {
+    editorId: propTypes.string.def('wangeEditor-1'),
+    height: propTypes.oneOfType([Number, String]).def('500px'),
+    editorConfig: {
+      type: Object,
+      "default": function _default() {
+        return undefined;
+      }
+    },
+    modelValue: propTypes.string.def('')
+  },
+  emits: ['change', 'update:modelValue'],
+  setup: function setup(__props, _ref) {
+    var __expose = _ref.expose,
+      __emit = _ref.emit;
+    var currentLocale = computed(function () {
+      return {
+        lang: 'zh-CN',
+        name: '简体中文'
+      };
+    });
+    i18nChangeLanguage(unref(currentLocale).lang);
+    var props = __props;
+    var emit = __emit;
+    var editorRef = shallowRef();
+    var valueHtml = ref('');
+    watch(function () {
+      return props.modelValue;
+    }, function (val) {
+      if (val === unref(valueHtml)) return;
+      valueHtml.value = val;
+    }, {
+      immediate: true
+    });
+    watch(function () {
+      return valueHtml.value;
+    }, function (val) {
+      emit('update:modelValue', val);
+    });
+    var handleCreated = function handleCreated(editor) {
+      editorRef.value = editor;
+    };
+    var editorConfig = computed(function () {
+      return Object.assign({
+        readOnly: false,
+        customAlert: function customAlert(s, t) {
+          switch (t) {
+            case 'success':
+              ElMessage.success(s);
+              break;
+            case 'info':
+              ElMessage.info(s);
+              break;
+            case 'warning':
+              ElMessage.warning(s);
+              break;
+            case 'error':
+              ElMessage.error(s);
+              break;
+            default:
+              ElMessage.info(s);
+              break;
+          }
+        },
+        autoFocus: false,
+        scroll: true,
+        uploadImgShowBase64: true
+      }, props.editorConfig || {});
+    });
+    var editorStyle = computed(function () {
+      return {
+        height: isNumber(props.height) ? "".concat(props.height, "px") : props.height
+      };
+    });
+    var handleChange = function handleChange(editor) {
+      emit('change', editor);
+    };
+    onBeforeUnmount(function () {
+      var editor = unref(editorRef.value);
+      editor === null || editor === void 0 || editor.destroy();
+    });
+    var getEditorRef = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return nextTick();
+            case 2:
+              return _context.abrupt("return", unref(editorRef.value));
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function getEditorRef() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    __expose({
+      getEditorRef: getEditorRef
+    });
+    return function (_ctx, _cache) {
+      return openBlock(), createElementBlock("div", _hoisted_1, [createCommentVNode(" 工具栏 "), createVNode(unref(Toolbar), {
+        editor: editorRef.value,
+        editorId: __props.editorId,
+        "class": "border-0 b-b-1 border-solid border-[var(--el-border-color)]"
+      }, null, 8, ["editor", "editorId"]), createCommentVNode(" 编辑器 "), createVNode(unref(Editor), {
+        modelValue: valueHtml.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
+          return valueHtml.value = $event;
+        }),
+        editorId: __props.editorId,
+        defaultConfig: editorConfig.value,
+        style: normalizeStyle(editorStyle.value),
+        onOnChange: handleChange,
+        onOnCreated: handleCreated
+      }, null, 8, ["modelValue", "editorId", "defaultConfig", "style"])]);
+    };
+  }
+});
+
+export { script as default };

package/dist/components/Form/index.d.ts

@@ -0,0 +1,16 @@
+import Form from './src/Form.vue';
+import type { FormSchema, FormSetProps } from './src/types';
+import { useForm } from './src/useForm';
+import { Recordable } from '../../types';
+export type { ComponentNameEnum, ComponentName, InputComponentProps, AutocompleteComponentProps, InputNumberComponentProps, SelectOption, SelectComponentProps, SelectV2ComponentProps, CascaderComponentProps, SwitchComponentProps, RateComponentProps, ColorPickerComponentProps, TransferComponentProps, RadioOption, RadioGroupComponentProps, RadioButtonComponentProps, CheckboxOption, CheckboxGroupComponentProps, DividerComponentProps, DatePickerComponentProps, DateTimePickerComponentProps, TimePickerComponentProps, TimeSelectComponentProps, ColProps, FormSetProps, FormItemProps, FormSchema, FormProps, PlaceholderModel, InputPasswordComponentProps, TreeSelectComponentProps, } from './src/types';
+export interface FormExpose {
+    setValues: (data: Recordable) => void;
+    setProps: (props: Recordable) => void;
+    delSchema: (field: string) => void;
+    addSchema: (formSchema: FormSchema, index?: number) => void;
+    setSchema: (schemaProps: FormSetProps[]) => void;
+    formModel: Recordable;
+    getComponentExpose: (field: string) => any;
+    getFormItemExpose: (field: string) => any;
+}
+export { Form, useForm };

package/dist/components/Form/src/Form.vue.d.ts

@@ -0,0 +1,164 @@
+import { PropType } from 'vue';
+import { FormSchema } from './types';
+declare const _default: import("vue").DefineComponent<{
+    schema: {
+        type: PropType<FormSchema[]>;
+        default: () => any[];
+    };
+    isCol: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    model: {
+        type: PropType<any>;
+        default: () => {};
+    };
+    autoSetPlaceholder: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    isCustom: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    labelWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    rules: {
+        type: PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+        default: () => {};
+    };
+    labelPosition: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    labelSuffix: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/types").ValidatorFunction<string>> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    hideRequiredAsterisk: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    requireAsteriskPosition: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    showMessage: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    inlineMessage: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    statusIcon: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    validateOnRuleChange: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+        default: any;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    scrollToError: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    scrollToErrorOffset: import("vue-types").VueTypeDef<boolean | {
+        [key: string]: any;
+    }> & {
+        default: boolean | (() => {
+            [key: string]: any;
+        });
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "register"[], "register", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: PropType<FormSchema[]>;
+        default: () => any[];
+    };
+    isCol: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    model: {
+        type: PropType<any>;
+        default: () => {};
+    };
+    autoSetPlaceholder: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    isCustom: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    labelWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    rules: {
+        type: PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+        default: () => {};
+    };
+    labelPosition: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    labelSuffix: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/types").ValidatorFunction<string>> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    hideRequiredAsterisk: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    requireAsteriskPosition: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    showMessage: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    inlineMessage: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    statusIcon: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    validateOnRuleChange: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+        default: any;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    scrollToError: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/types").ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    scrollToErrorOffset: import("vue-types").VueTypeDef<boolean | {
+        [key: string]: any;
+    }> & {
+        default: boolean | (() => {
+            [key: string]: any;
+        });
+    };
+}>> & {
+    onRegister?: (...args: any[]) => any;
+}, {
+    model: any;
+    rules: Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>;
+    labelPosition: string;
+    requireAsteriskPosition: string;
+    labelWidth: string | number;
+    labelSuffix: string;
+    inlineMessage: boolean;
+    statusIcon: boolean;
+    showMessage: boolean;
+    validateOnRuleChange: boolean;
+    hideRequiredAsterisk: boolean;
+    scrollToError: boolean;
+    size: "" | "default" | "small" | "large";
+    disabled: boolean;
+    schema: FormSchema[];
+    isCol: boolean;
+    autoSetPlaceholder: boolean;
+    isCustom: boolean;
+    scrollToErrorOffset: boolean | {
+        [key: string]: any;
+    };
+}, {}>;
+export default _default;

package/dist/components/Form/src/Form.vue.js

@@ -0,0 +1,5 @@
+import script from './Form.vue2.js';
+
+script.__file = "src/components/Form/src/Form.vue";
+
+export { script as default };