@xn-lib/component 0.0.20 → 0.0.22

package/README.md

@@ -3,7 +3,7 @@
 基于 Element Plus 的 Vue 3 企业级组件库，提供完整的 TypeScript 类型支持。
 
 [![npm version](https://img.shields.io/npm/v/@xn-lib/component.svg)](https://www.npmjs.com/package/@xn-lib/component)
-[![license](https://img.shields.io/npm/l/@xn-lib/component.svg)](https://github.com/zjwmmx/mmx-ui/blob/master/LICENSE)
+[![license](https://img.shields.io/npm/l/@xn-lib/component.svg)](http://git.wonchuan.top/frontend/xiaoniu/xiaoniu-package/blob/master/LICENSE)
 
 ## ✨ 特性
 
@@ -124,8 +124,8 @@ cascaderRef.value?.focus()
 ## 🔗 链接
 
 - [文档](https://zjwmmx.github.io/mmx-ui/)
-- [GitHub](https://github.com/zjwmmx/mmx-ui)
-- [更新日志](https://github.com/zjwmmx/mmx-ui/releases)
+- [GitHub](http://git.wonchuan.top/frontend/xiaoniu/xiaoniu-package)
+- [更新日志](http://git.wonchuan.top/frontend/xiaoniu/xiaoniu-package/releases)
 
 ## 🤝 贡献
 
@@ -133,4 +133,4 @@ cascaderRef.value?.focus()
 
 ## 📄 License
 
-[MIT](https://github.com/zjwmmx/mmx-ui/blob/master/LICENSE)
+[MIT](http://git.wonchuan.top/frontend/xiaoniu/xiaoniu-package/blob/master/LICENSE)

package/dist/index.css

@@ -1 +1 @@
-.base-cascader-option[data-v-248f99f8]{align-items:center;box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:14px;height:34px;line-height:34px;padding:0 12px;position:relative;transition:background-color .3s;width:100%}.base-cascader-option.is-hover[data-v-248f99f8],.base-cascader-option[data-v-248f99f8]:hover{background-color:var(--el-fill-color-light)}.base-cascader-option.is-active[data-v-248f99f8]{color:var(--el-color-primary);font-weight:600}.base-cascader-option.is-disabled[data-v-248f99f8]{background-color:transparent;color:var(--el-text-color-disabled);cursor:not-allowed}.base-cascader-option.is-disabled[data-v-248f99f8]:hover{background-color:transparent}.base-cascader-option.has-checkbox[data-v-248f99f8]{padding-left:8px}.base-cascader-option__checkbox[data-v-248f99f8]{flex-shrink:0;margin-right:8px;pointer-events:auto}.base-cascader-option__label[data-v-248f99f8]{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.base-cascader-option__suffix[data-v-248f99f8]{align-items:center;color:var(--el-text-color-placeholder);display:flex;flex-shrink:0;margin-left:8px}.base-cascader-option__suffix .arrow-icon[data-v-248f99f8]{font-size:12px}.base-cascader-option__suffix .check-icon[data-v-248f99f8]{color:var(--el-color-primary);font-size:14px}.base-cascader-option__suffix .is-loading[data-v-248f99f8]{animation:rotating-248f99f8 2s linear infinite}@keyframes rotating-248f99f8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.base-cascader-menu[data-v-097326a4]{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);max-height:280px;outline:none;overflow:hidden}.base-cascader-menu__wrapper[data-v-097326a4]{display:flex;height:100%}.base-cascader-menu__empty[data-v-097326a4]{color:var(--el-text-color-secondary);min-width:180px;text-align:center}.base-cascader-menu__action[data-v-097326a4]{border-top:1px solid var(--el-border-color-lighter);padding:8px}@keyframes rotating-097326a4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.is-loading[data-v-097326a4]{animation:rotating-097326a4 2s linear infinite}.base-cascader-submenu[data-v-097326a4]{border-right:1px solid var(--el-border-color-lighter);flex-shrink:0;height:280px;max-width:180px;min-width:180px;overflow:hidden;width:180px}.base-cascader-submenu[data-v-097326a4]:last-child{border-right:none}.base-cascader-submenu__list [data-v-097326a4] .el-scrollbar,.base-cascader-submenu__list[data-v-097326a4]{height:100%;width:100%}.base-cascader-submenu__list [data-v-097326a4] .el-scrollbar__wrap{overflow-x:hidden}.base-cascader-submenu__list [data-v-097326a4] .el-scrollbar__view{box-sizing:border-box;padding:6px 0;width:100%}.base-cascader-submenu__list--virtual[data-v-097326a4]{padding:6px 0}.base-cascader-submenu__list--virtual [data-v-097326a4] .el-scrollbar{height:100%;width:100%}.base-cascader-submenu__list--virtual [data-v-097326a4] .el-scrollbar__wrap{overflow-x:hidden}.base-cascader-submenu__list--virtual [data-v-097326a4] .el-scrollbar__view{width:100%}.base-cascader-select-menu[data-v-3901f6ec]{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);min-width:200px;padding:6px 0}.base-cascader-select-menu__empty[data-v-3901f6ec]{text-align:center}.base-cascader-select-menu__virtual[data-v-3901f6ec]{overflow:hidden}.base-cascader-select-option[data-v-3901f6ec]{align-items:center;box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:14px;height:34px;line-height:34px;padding:0 12px;transition:background-color .3s;width:100%}.base-cascader-select-option.is-hover[data-v-3901f6ec],.base-cascader-select-option[data-v-3901f6ec]:hover{background-color:var(--el-fill-color-light)}.base-cascader-select-option.is-selected[data-v-3901f6ec]{color:var(--el-color-primary);font-weight:600}.base-cascader-select-option__checkbox[data-v-3901f6ec]{flex-shrink:0;margin-right:8px}.base-cascader-select-option__label[data-v-3901f6ec]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-cascader-select-option .check-icon[data-v-3901f6ec]{color:var(--el-color-primary);flex-shrink:0;font-size:14px;margin-left:8px}.base-cascader[data-v-243e9ed1]{width:100%}.base-cascader.is-disabled[data-v-243e9ed1]{cursor:not-allowed}.base-cascader [data-v-243e9ed1] .el-select{width:100%}.base-cascader [data-v-243e9ed1] .el-select__tags{flex-wrap:nowrap}.base-cascader-dropdown[data-v-243e9ed1]{padding:0}.base-cascader-popper{min-width:auto!important;width:auto!important}.base-cascader-popper .el-select-dropdown__empty,.base-cascader-popper .el-select-dropdown__list{padding:0!important}.custom-tag[data-v-6a58d386]{align-items:center;border:1px solid;border-radius:4px;box-sizing:border-box;display:inline-flex;font-size:12px;gap:4px;line-height:1.5;padding:2px 8px;transition:all .3s;white-space:nowrap}.custom-tag--small[data-v-6a58d386]{font-size:11px;gap:3px;padding:1px 6px}.custom-tag--small .custom-tag__dot[data-v-6a58d386]{height:4px;width:4px}.custom-tag--default[data-v-6a58d386]{font-size:12px;gap:4px;padding:2px 8px}.custom-tag--default .custom-tag__dot[data-v-6a58d386]{height:6px;width:6px}.custom-tag--large[data-v-6a58d386]{font-size:13px;gap:5px;padding:4px 10px}.custom-tag--large .custom-tag__dot[data-v-6a58d386]{height:7px;width:7px}.custom-tag--round[data-v-6a58d386]{border-radius:12px}.custom-tag--no-border[data-v-6a58d386]{border:none}.custom-tag--plain[data-v-6a58d386]{background-color:transparent}.custom-tag__dot[data-v-6a58d386]{background-color:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.custom-tag__icon[data-v-6a58d386]{flex-shrink:0;font-size:1em}.custom-tag__content[data-v-6a58d386]{flex:1}
+.base-cascader-option[data-v-248f99f8]{align-items:center;box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:14px;height:34px;line-height:34px;padding:0 12px;position:relative;transition:background-color .3s;width:100%}.base-cascader-option.is-hover[data-v-248f99f8],.base-cascader-option[data-v-248f99f8]:hover{background-color:var(--el-fill-color-light)}.base-cascader-option.is-active[data-v-248f99f8]{color:var(--el-color-primary);font-weight:600}.base-cascader-option.is-disabled[data-v-248f99f8]{background-color:transparent;color:var(--el-text-color-disabled);cursor:not-allowed}.base-cascader-option.is-disabled[data-v-248f99f8]:hover{background-color:transparent}.base-cascader-option.has-checkbox[data-v-248f99f8]{padding-left:8px}.base-cascader-option__checkbox[data-v-248f99f8]{flex-shrink:0;margin-right:8px;pointer-events:auto}.base-cascader-option__label[data-v-248f99f8]{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.base-cascader-option__suffix[data-v-248f99f8]{align-items:center;color:var(--el-text-color-placeholder);display:flex;flex-shrink:0;margin-left:8px}.base-cascader-option__suffix .arrow-icon[data-v-248f99f8]{font-size:12px}.base-cascader-option__suffix .check-icon[data-v-248f99f8]{color:var(--el-color-primary);font-size:14px}.base-cascader-option__suffix .is-loading[data-v-248f99f8]{animation:rotating-248f99f8 2s linear infinite}@keyframes rotating-248f99f8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.base-cascader-menu[data-v-097326a4]{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);max-height:280px;outline:none;overflow:hidden}.base-cascader-menu__wrapper[data-v-097326a4]{display:flex;height:100%}.base-cascader-menu__empty[data-v-097326a4]{color:var(--el-text-color-secondary);min-width:180px;text-align:center}.base-cascader-menu__action[data-v-097326a4]{border-top:1px solid var(--el-border-color-lighter);padding:8px}@keyframes rotating-097326a4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.is-loading[data-v-097326a4]{animation:rotating-097326a4 2s linear infinite}.base-cascader-submenu[data-v-097326a4]{border-right:1px solid var(--el-border-color-lighter);flex-shrink:0;height:280px;max-width:180px;min-width:180px;overflow:hidden;width:180px}.base-cascader-submenu[data-v-097326a4]:last-child{border-right:none}.base-cascader-submenu__list [data-v-097326a4] .el-scrollbar,.base-cascader-submenu__list[data-v-097326a4]{height:100%;width:100%}.base-cascader-submenu__list [data-v-097326a4] .el-scrollbar__wrap{overflow-x:hidden}.base-cascader-submenu__list [data-v-097326a4] .el-scrollbar__view{box-sizing:border-box;padding:6px 0;width:100%}.base-cascader-submenu__list--virtual[data-v-097326a4]{padding:6px 0}.base-cascader-submenu__list--virtual [data-v-097326a4] .el-scrollbar{height:100%;width:100%}.base-cascader-submenu__list--virtual [data-v-097326a4] .el-scrollbar__wrap{overflow-x:hidden}.base-cascader-submenu__list--virtual [data-v-097326a4] .el-scrollbar__view{width:100%}.base-cascader-select-menu[data-v-3901f6ec]{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);min-width:200px;padding:6px 0}.base-cascader-select-menu__empty[data-v-3901f6ec]{text-align:center}.base-cascader-select-menu__virtual[data-v-3901f6ec]{overflow:hidden}.base-cascader-select-option[data-v-3901f6ec]{align-items:center;box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:14px;height:34px;line-height:34px;padding:0 12px;transition:background-color .3s;width:100%}.base-cascader-select-option.is-hover[data-v-3901f6ec],.base-cascader-select-option[data-v-3901f6ec]:hover{background-color:var(--el-fill-color-light)}.base-cascader-select-option.is-selected[data-v-3901f6ec]{color:var(--el-color-primary);font-weight:600}.base-cascader-select-option__checkbox[data-v-3901f6ec]{flex-shrink:0;margin-right:8px}.base-cascader-select-option__label[data-v-3901f6ec]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-cascader-select-option .check-icon[data-v-3901f6ec]{color:var(--el-color-primary);flex-shrink:0;font-size:14px;margin-left:8px}.base-cascader[data-v-243e9ed1]{width:100%}.base-cascader.is-disabled[data-v-243e9ed1]{cursor:not-allowed}.base-cascader [data-v-243e9ed1] .el-select{width:100%}.base-cascader [data-v-243e9ed1] .el-select__tags{flex-wrap:nowrap}.base-cascader-dropdown[data-v-243e9ed1]{padding:0}.base-cascader-popper{min-width:auto!important;width:auto!important}.base-cascader-popper .el-select-dropdown__empty,.base-cascader-popper .el-select-dropdown__list{padding:0!important}.custom-tag[data-v-6a58d386]{align-items:center;border:1px solid;border-radius:4px;box-sizing:border-box;display:inline-flex;font-size:12px;gap:4px;line-height:1.5;padding:2px 8px;transition:all .3s;white-space:nowrap}.custom-tag--small[data-v-6a58d386]{font-size:12px;gap:3px;padding:1px 6px}.custom-tag--small .custom-tag__dot[data-v-6a58d386]{height:4px;width:4px}.custom-tag--default[data-v-6a58d386]{font-size:14px;gap:4px;padding:2px 8px}.custom-tag--default .custom-tag__dot[data-v-6a58d386]{height:6px;width:6px}.custom-tag--large[data-v-6a58d386]{font-size:16px;gap:5px;padding:4px 10px}.custom-tag--large .custom-tag__dot[data-v-6a58d386]{height:7px;width:7px}.custom-tag--round[data-v-6a58d386]{border-radius:12px}.custom-tag--no-border[data-v-6a58d386]{border:none}.custom-tag--plain[data-v-6a58d386]{background-color:transparent}.custom-tag__dot[data-v-6a58d386]{background-color:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.custom-tag__icon[data-v-6a58d386]{flex-shrink:0;font-size:1em}.custom-tag__content[data-v-6a58d386]{flex:1}

package/dist/index.d.ts

@@ -1,257 +1,13 @@
-import { Plugin, ExtractPropTypes, PropType, Component } from 'vue';
-import CascaderComponent from './cascader/index.vue';
-import TagComponent from './tag/index.vue';
-
-type ValueAtom = string | number;
-type CascaderValue = ValueAtom | ValueAtom[] | ValueAtom[][];
-type Key = ValueAtom;
-interface CascaderOption {
-    label?: string;
-    value?: ValueAtom;
-    disabled?: boolean;
-    children?: CascaderOption[];
-    [key: string]: unknown;
-}
-type ExpandTrigger = 'hover' | 'click';
-type CheckStrategy = 'all' | 'parent' | 'child';
-type Filter = (pattern: string, option: CascaderOption, path: CascaderOption[]) => boolean;
-type OnLoad = (option: CascaderOption) => Promise<void>;
-type OnUpdateValue = (value: CascaderValue | null, option: CascaderOption | null | Array<CascaderOption | null>, path: Array<CascaderOption[] | null> | CascaderOption[] | null) => void;
-interface TreeNode {
-    key: Key;
-    rawNode: CascaderOption;
-    level: number;
-    index: number;
-    isLeaf: boolean;
-    isGroup: boolean;
-    ignored: boolean;
-    disabled: boolean;
-    shallowLoaded: boolean;
-    parent: TreeNode | null;
-    children?: TreeNode[];
-    siblings: TreeNode[];
-}
-interface CascaderInst {
-    focus: () => void;
-    blur: () => void;
-    getCheckedData: () => {
-        keys: Key[];
-        options: Array<CascaderOption | null>;
-    };
-    getIndeterminateData: () => {
-        keys: Key[];
-        options: Array<CascaderOption | null>;
-    };
-}
-interface CascaderContext {
-    mergedValue: CascaderValue | null;
-    checkedKeys: Key[];
-    indeterminateKeys: Key[];
-    hoverKeyPath: Key[];
-    keyboardKey: Key | null;
-    hoverKey: Key | null;
-    loadingKeySet: Set<Key>;
-    multiple: boolean;
-    cascade: boolean;
-    checkStrategy: CheckStrategy;
-    expandTrigger: ExpandTrigger;
-    remote: boolean;
-    showCheckbox: boolean;
-    labelField: string;
-    valueField: string;
-    childrenField: string;
-    disabledField: string;
-    onLoad?: OnLoad;
-    updateHoverKey: (key: Key | null) => void;
-    updateKeyboardKey: (key: Key | null) => void;
-    addLoadingKey: (key: Key) => void;
-    deleteLoadingKey: (key: Key) => void;
-    doCheck: (key: Key) => boolean;
-    doUncheck: (key: Key) => void;
-    closeMenu: (returnFocus?: boolean) => void;
-    clearPattern: () => void;
-}
-
-declare const Cascader: typeof CascaderComponent & Plugin;
-
-type DefaultType = 'success' | 'info' | 'warning' | 'danger' | 'primary' | 'default';
-type DefaultSize = 'small' | 'default' | 'large';
-
-interface TagInst {
-    close: () => void;
-}
-
-declare const Tag: typeof TagComponent & Plugin;
-
-declare const cascaderProps: {
-    readonly modelValue: {
-        readonly type: PropType<CascaderValue | null>;
-        readonly default: null;
-    };
-    readonly options: {
-        readonly type: PropType<CascaderOption[]>;
-        readonly default: () => never[];
-    };
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: "请选择";
-    };
-    readonly disabled: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly clearable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly filterable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly multiple: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly size: {
-        readonly type: PropType<"large" | "default" | "small">;
-        readonly default: "default";
-    };
-    readonly expandTrigger: {
-        readonly type: PropType<ExpandTrigger>;
-        readonly default: "click";
-    };
-    readonly separator: {
-        readonly type: StringConstructor;
-        readonly default: " / ";
-    };
-    readonly showPath: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly cascade: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly checkStrategy: {
-        readonly type: PropType<CheckStrategy>;
-        readonly default: "all";
-    };
-    readonly remote: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly onLoad: {
-        readonly type: PropType<OnLoad>;
-        readonly default: undefined;
-    };
-    readonly filter: {
-        readonly type: PropType<Filter>;
-        readonly default: undefined;
-    };
-    readonly valueField: {
-        readonly type: StringConstructor;
-        readonly default: "value";
-    };
-    readonly labelField: {
-        readonly type: StringConstructor;
-        readonly default: "label";
-    };
-    readonly childrenField: {
-        readonly type: StringConstructor;
-        readonly default: "children";
-    };
-    readonly disabledField: {
-        readonly type: StringConstructor;
-        readonly default: "disabled";
-    };
-    readonly maxTagCount: {
-        readonly type: NumberConstructor;
-        readonly default: 1;
-    };
-    readonly popperClass: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly getColumnStyle: {
-        readonly type: PropType<(detail: {
-            level: number;
-        }) => string | Record<string, any>>;
-        readonly default: undefined;
-    };
-    readonly clearFilterAfterSelect: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly virtualScroll: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly optionHeight: {
-        readonly type: NumberConstructor;
-        readonly default: 34;
-    };
-    readonly showCheckbox: {
-        readonly type: BooleanConstructor;
-        readonly default: undefined;
-    };
-    readonly emitPath: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-};
-type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
-
-declare const tagProps: {
-    readonly type: {
-        readonly type: PropType<DefaultSize>;
-        readonly default: "default";
-    };
-    readonly color: {
-        readonly type: StringConstructor;
-        readonly default: undefined;
-    };
-    readonly bgColor: {
-        readonly type: StringConstructor;
-        readonly default: undefined;
-    };
-    readonly size: {
-        readonly type: PropType<DefaultType>;
-        readonly default: "default";
-    };
-    readonly dot: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly dotColor: {
-        readonly type: StringConstructor;
-        readonly default: undefined;
-    };
-    readonly icon: {
-        readonly type: StringConstructor;
-        readonly default: undefined;
-    };
-    readonly plain: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly round: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly closable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly border: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-};
-type TagProps = Readonly<ExtractPropTypes<typeof tagProps>>;
-
-declare const components: Record<string, Component>;
-
+import type { Plugin } from 'vue';
+import type { Component } from 'vue';
+import XnCascader from './types/cascader/index';
+import XnTag from './types/tag/index';
+export { XnCascader, XnTag };
+export declare const components: Record<string, Component>;
+export type { CascaderProps } from './types/cascader/props';
+export type { TagProps } from './types/tag/props';
+export * from './types/types';
+export * from './types/cascader/types';
+export * from './types/tag/types';
 declare const plugin: Plugin;
-
-export { Cascader as XnCascader, Tag as XnTag, components, plugin as default };
-export type { CascaderContext, CascaderInst, CascaderOption, CascaderProps, CascaderValue, CheckStrategy, DefaultSize, DefaultType, ExpandTrigger, Filter, Key, OnLoad, OnUpdateValue, TagInst, TagProps, TreeNode, ValueAtom };
+export default plugin;