yc-pro-components 0.0.1

package/lib/components/descriptions/src/index.vue2.js

@@ -0,0 +1,219 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var index$1 = require('../../display-item/index.js');
+var index = require('../../utils/index.js');
+var is = require('../../utils/is.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PlusDescriptions"
+  },
+  __name: "index",
+  props: {
+    data: { default: () => ({}) },
+    columns: { default: () => [] },
+    column: { default: 3 },
+    title: { default: "" },
+    border: { type: Boolean, default: true },
+    editable: { type: Boolean, default: false },
+    formProps: { default: void 0 },
+    descriptionsItemProps: { default: void 0 }
+  },
+  emits: ["formChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const plusDisplayItemInstance = vue.ref();
+    const elBorder = vue.computed(() => props.editable ? true : props.border);
+    const formRefs = vue.shallowRef([]);
+    const subColumns = vue.computed(
+      () => props.columns.filter((item) => vue.unref(item.hideInDescriptions) !== true)
+    );
+    const getDisplayValue = (prop) => index.getValue(props.data, prop);
+    const setFormRef = () => {
+      var _a, _b;
+      if (!((_a = plusDisplayItemInstance.value) == null ? void 0 : _a.length)) return;
+      const list = ((_b = plusDisplayItemInstance.value) == null ? void 0 : _b.map((item) => ({
+        ...item,
+        ...item == null ? void 0 : item.getDisplayItemInstance()
+      }))) || [];
+      formRefs.value = list;
+    };
+    vue.watch(
+      plusDisplayItemInstance,
+      () => {
+        setFormRef();
+      },
+      {
+        deep: true,
+        flush: "post"
+      }
+    );
+    const getIsRequired = (item, index) => {
+      var _a;
+      const itemFormProps = is.isFunction(item.formProps) ? item.formProps(props.data[item.prop], { row: props.data, index }) : vue.unref(item.formProps);
+      const rules = Reflect.get((itemFormProps == null ? void 0 : itemFormProps.rules) || ((_a = props.formProps) == null ? void 0 : _a.rules) || {}, item.prop) || {};
+      const isRequired = Object.values(rules).some((i) => i.required);
+      return isRequired;
+    };
+    const handleChange = (data, index, item) => {
+      const formChangeCallBackParams = { ...data, index, column: { ...item } };
+      emit("formChange", formChangeCallBackParams);
+    };
+    const validate = async () => {
+      var _a;
+      try {
+        await Promise.all(
+          (_a = formRefs.value) == null ? void 0 : _a.map((item) => {
+            var _a2;
+            return (_a2 = item.formInstance.value) == null ? void 0 : _a2.validate();
+          })
+        );
+      } catch (errors) {
+        return Promise.reject(errors);
+      }
+    };
+    const clearValidate = () => {
+      var _a;
+      (_a = formRefs.value) == null ? void 0 : _a.forEach((item) => {
+        var _a2;
+        (_a2 = item.formInstance.value) == null ? void 0 : _a2.clearValidate();
+      });
+    };
+    __expose({
+      formRefs,
+      validate,
+      clearValidate
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDescriptions), vue.mergeProps({
+        title: _ctx.title,
+        column: _ctx.column,
+        class: ["plus-description", { "no-border": !_ctx.border }],
+        border: elBorder.value
+      }, _ctx.$attrs), {
+        title: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "title")
+        ]),
+        extra: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "extra")
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(subColumns.value, (item, index$2) => {
+                var _a, _b;
+                return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDescriptionsItem), vue.mergeProps({
+                  key: item.prop,
+                  label: vue.unref(index.getLabel)(item.label),
+                  "class-name": (((_a = item.descriptionsItemProps) == null ? void 0 : _a.className) || "") + " plus-description__name  plus-description__content",
+                  "label-class-name": (((_b = item.descriptionsItemProps) == null ? void 0 : _b.labelClassName) || "") + " plus-description__label" + (getIsRequired(item, index$2) ? " is-required" : "")
+                }, item.descriptionsItemProps || _ctx.descriptionsItemProps), {
+                  label: vue.withCtx(() => [
+                    item.renderDescriptionsLabel && vue.unref(is.isFunction)(item.renderDescriptionsLabel) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.renderDescriptionsLabel), {
+                      key: 0,
+                      label: vue.unref(index.getLabel)(item.label),
+                      column: item,
+                      row: _ctx.data
+                    }, null, 8, ["label", "column", "row"])) : _ctx.$slots[vue.unref(index.getDescLabelSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 1 },
+                      [
+                        vue.createCommentVNode(" plus-desc-label-* "),
+                        vue.renderSlot(_ctx.$slots, vue.unref(index.getDescLabelSlotName)(item.prop), {
+                          column: item,
+                          row: _ctx.data,
+                          label: vue.unref(index.getLabel)(item.label)
+                        })
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 2 },
+                      [
+                        vue.createCommentVNode(" normal "),
+                        vue.createTextVNode(
+                          vue.toDisplayString(vue.unref(index.getLabel)(item.label)),
+                          1
+                          /* TEXT */
+                        )
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))
+                  ]),
+                  default: vue.withCtx(() => [
+                    _ctx.editable ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.PlusDisplayItem), {
+                      key: 0,
+                      ref_for: true,
+                      ref_key: "plusDisplayItemInstance",
+                      ref: plusDisplayItemInstance,
+                      column: item,
+                      row: _ctx.data,
+                      editable: "",
+                      "form-props": _ctx.formProps,
+                      onChange: (data) => handleChange(data, index$2, item)
+                    }, null, 8, ["column", "row", "form-props", "onChange"])) : item.renderDescriptionsItem && vue.unref(is.isFunction)(item.renderDescriptionsItem) ? (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 1 },
+                      [
+                        vue.createCommentVNode(" renderDescriptionsItem "),
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.renderDescriptionsItem), {
+                          value: getDisplayValue(item.prop),
+                          column: item,
+                          row: _ctx.data
+                        }, null, 8, ["value", "column", "row"]))
+                      ],
+                      2112
+                      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                    )) : _ctx.$slots[vue.unref(index.getDescSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 2 },
+                      [
+                        vue.createCommentVNode(" plus-desc-* "),
+                        vue.renderSlot(_ctx.$slots, vue.unref(index.getDescSlotName)(item.prop), {
+                          column: item,
+                          row: _ctx.data,
+                          value: getDisplayValue(item.prop)
+                        })
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 3 },
+                      [
+                        vue.createCommentVNode(" normal "),
+                        vue.createVNode(vue.unref(index$1.PlusDisplayItem), {
+                          column: item,
+                          row: _ctx.data
+                        }, null, 8, ["column", "row"])
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1040, ["label", "class-name", "label-class-name"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["title", "column", "class", "border"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/descriptions/style/css.d.ts

@@ -0,0 +1,3 @@
+import "element-plus/es/components/descriptions/style/css";
+import "yc-components/es/components/display-item/style/css";
+import "yc-components/theme-chalk/plus-descriptions.css";

package/lib/components/descriptions/style/css.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('element-plus/lib/components/descriptions/style/css.js');
+require('yc-components/theme-chalk/plus-descriptions.css');
+

package/lib/components/descriptions/style/index.d.ts

@@ -0,0 +1,3 @@
+import "element-plus/es/components/descriptions/style/index";
+import "yc-components/es/components/display-item/style/index";
+import "yc-components/theme-chalk/src/descriptions.scss";

package/lib/components/descriptions/style/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('element-plus/lib/components/descriptions/style/index.js');
+require('yc-components/theme-chalk/src/descriptions.scss');
+

package/lib/components/dialog/index.d.ts

@@ -0,0 +1,226 @@
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
+import { default as Dialog } from './src/index.vue';
+
+export type PlusDialogInstance = InstanceType<typeof Dialog>;
+export * from './src/type';
+export declare const PlusDialog: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
+        top: {
+            type: PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        hasFooter: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        footerAlign: {
+            type: PropType<"right" | "left" | "center">;
+            default: string;
+        };
+        confirmLoading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        cancelText: {
+            type: PropType<string>;
+            default: string;
+        };
+        confirmText: {
+            type: PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (visible: boolean) => void;
+        cancel: () => void;
+        confirm: () => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
+        top: {
+            type: PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        hasFooter: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        footerAlign: {
+            type: PropType<"right" | "left" | "center">;
+            default: string;
+        };
+        confirmLoading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        cancelText: {
+            type: PropType<string>;
+            default: string;
+        };
+        confirmText: {
+            type: PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+    }, {
+        title: string;
+        width: string | number;
+        top: string;
+        modelValue: boolean;
+        hasFooter: boolean;
+        footerAlign: "right" | "left" | "center";
+        confirmLoading: boolean;
+        cancelText: string;
+        confirmText: string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
+        top: {
+            type: PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        hasFooter: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        footerAlign: {
+            type: PropType<"right" | "left" | "center">;
+            default: string;
+        };
+        confirmLoading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        cancelText: {
+            type: PropType<string>;
+            default: string;
+        };
+        confirmText: {
+            type: PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+    }, {}, {}, {}, {}, {
+        title: string;
+        width: string | number;
+        top: string;
+        modelValue: boolean;
+        hasFooter: boolean;
+        footerAlign: "right" | "left" | "center";
+        confirmLoading: boolean;
+        cancelText: string;
+        confirmText: string;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    top: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    hasFooter: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    footerAlign: {
+        type: PropType<"right" | "left" | "center">;
+        default: string;
+    };
+    confirmLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    cancelText: {
+        type: PropType<string>;
+        default: string;
+    };
+    confirmText: {
+        type: PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (visible: boolean) => void;
+    cancel: () => void;
+    confirm: () => void;
+}, string, {
+    title: string;
+    width: string | number;
+    top: string;
+    modelValue: boolean;
+    hasFooter: boolean;
+    footerAlign: "right" | "left" | "center";
+    confirmLoading: boolean;
+    cancelText: string;
+    confirmText: string;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+});

package/lib/components/dialog/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var index = require('./src/index.vue.js');
+
+const PlusDialog = index.default;
+
+exports.PlusDialog = PlusDialog;

package/lib/components/dialog/src/index.vue.d.ts

@@ -0,0 +1,69 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { PlusDialogSelfProps as PlusDialogProps } from './type';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusDialogProps>, {
+    modelValue: boolean;
+    confirmText: string;
+    confirmLoading: boolean;
+    cancelText: string;
+    hasFooter: boolean;
+    title: string;
+    top: string;
+    width: string;
+    footerAlign: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (visible: boolean) => void;
+    cancel: () => void;
+    confirm: () => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusDialogProps>, {
+    modelValue: boolean;
+    confirmText: string;
+    confirmLoading: boolean;
+    cancelText: string;
+    hasFooter: boolean;
+    title: string;
+    top: string;
+    width: string;
+    footerAlign: string;
+}>>> & {
+    "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}, {
+    title: string;
+    width: string | number;
+    top: string;
+    modelValue: boolean;
+    hasFooter: boolean;
+    footerAlign: "right" | "left" | "center";
+    confirmLoading: boolean;
+    cancelText: string;
+    confirmText: string;
+}, {}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/dialog/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var Dialog = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = Dialog;

package/lib/components/dialog/src/index.vue2.js

@@ -0,0 +1,125 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var useLocale = require('../../../hooks/useLocale.js');
+require('sortablejs');
+
+const _hoisted_1 = { class: "plus-dialog-body" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PlusDialog",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    confirmText: { default: "" },
+    cancelText: { default: "" },
+    confirmLoading: { type: Boolean, default: false },
+    hasFooter: { type: Boolean, default: true },
+    footerAlign: { default: "right" },
+    top: { default: "15vh" },
+    width: { default: "460px" },
+    title: { default: "" }
+  },
+  emits: ["update:modelValue", "cancel", "confirm"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const style = vue.computed(() => ({
+      justifyContent: props.footerAlign === "left" ? "flex-start" : props.footerAlign === "center" ? "center" : "flex-end"
+    }));
+    const subVisible = vue.ref(false);
+    const { t } = useLocale.useLocale();
+    vue.watchEffect(() => {
+      subVisible.value = props.modelValue;
+    });
+    const handleConfirm = () => {
+      emit("confirm");
+    };
+    const handleCancel = () => {
+      emit("update:modelValue", false);
+      emit("cancel");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDialog), vue.mergeProps({
+        modelValue: subVisible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => subVisible.value = $event),
+        top: _ctx.top,
+        width: _ctx.width,
+        title: _ctx.title || vue.unref(t)("plus.dialog.title"),
+        "close-on-click-modal": false,
+        "close-on-press-escape": false,
+        "append-to-body": false,
+        "before-close": handleCancel,
+        class: "plus-dialog"
+      }, _ctx.$attrs), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots.header ? {
+          name: "header",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "header")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.hasFooter ? {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            vue.createElementVNode(
+              "div",
+              {
+                class: "plus-dialog-footer",
+                style: vue.normalizeStyle(style.value)
+              },
+              [
+                vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+                  vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleCancel }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(_ctx.cancelText || vue.unref(t)("plus.dialog.cancelText")),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  vue.createVNode(vue.unref(elementPlus.ElButton), {
+                    type: "primary",
+                    loading: _ctx.confirmLoading,
+                    onClick: handleConfirm
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(_ctx.confirmText || vue.unref(t)("plus.dialog.confirmText")),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["loading"])
+                ])
+              ],
+              4
+              /* STYLE */
+            )
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["modelValue", "top", "width", "title"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;