@dfsj/components 3.7.2 → 4.0.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dfsj/components",
-  "version": "3.7.2",
+  "version": "4.0.0-alpha.1",
   "description": "通用的vue组件;包括专业组件、原子级组件",
   "type": "module",
   "keywords": [
@@ -10,7 +10,10 @@
   "author": "yangbo <1747837358@qq.com>",
   "homepage": "",
   "license": "MIT",
-  "main": "dist/index.js",
+  "main": "./dist/index.js",
+  "sideEffects": [
+    "*.css"
+  ],
   "directories": {
     "lib": "lib",
     "test": "__tests__"
@@ -24,42 +27,68 @@
   "scripts": {
     "test": "node ./__tests__/component.test.js",
     "watch": "rollup --config ./rollup.config.ts --configPlugin typescript -w",
-    "build": "rollup --config ./rollup.config.ts --configPlugin typescript"
+    "build": "rollup --config ./rollup.config.ts --configPlugin typescript && tsc --project tsconfig.build.json"
   },
   "devDependencies": {
-    "@dfsj/echarts": "workspace:^",
+    "@dfsj/echarts": "^4.0.0-alpha.1",
     "@dfsj/rollup": "workspace:^",
-    "@dfsj/utils": "workspace:^",
+    "@dfsj/utils": "^4.0.0-alpha.1",
+    "@element-plus/icons-vue": "^2.3.1",
+    "@iconify/vue": "^5.0.0",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.11.3",
-    "@unocss/transformer-variant-group": "66.4.2",
+    "@types/node": "^24.2.1",
+    "@unocss/transformer-variant-group": "66.7.0",
     "@vue/compiler-sfc": "^3.5.18",
     "@vueuse/core": "^13.6.0",
-    "element-plus": "^2.10.6",
-    "unocss": "^66.4.2",
-    "vue": "^3.5.18"
+    "element-plus": "^2.14.1",
+    "lodash-es": "^4.18.1",
+    "unocss": "^66.7.0",
+    "vue": "^3.5.18",
+    "vue-types": "^7.0.0"
   },
   "peerDependencies": {
-    "element-plus": "^2.10.6"
+    "@dfsj/echarts": "workspace:^",
+    "@dfsj/utils": "workspace:^",
+    "@element-plus/icons-vue": "^2.3.1",
+    "@iconify/vue": "^5.0.0",
+    "@vueuse/core": "^13.6.0",
+    "element-plus": "^2.14.1",
+    "lodash-es": "^4.18.1",
+    "vue": "^3.5.18",
+    "vue-types": "^7.0.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.2",
-    "@element-plus/icons-vue": "^2.3.1",
-    "@iconify/iconify": "^3.1.1",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.10",
     "@zxcvbn-ts/core": "^3.0.4",
-    "dayjs": "^1.11.13",
-    "lodash-es": "^4.17.21",
-    "luxon": "^3.4.4",
-    "vue-draggable-plus": "^0.3.5",
-    "vue-types": "^6.0.0",
-    "zrender": "^5.5.0"
+    "luxon": "^3.5.0",
+    "vue-draggable-plus": "^0.3.5"
+  },
+  "gitHead": "c816f0327cd55f3b702129d4e49ea08cbefec79f",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "monorepo-dev": "./src/index.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./Form": {
+      "monorepo-dev": "./src/components/Form/index.ts",
+      "import": "./dist/components/Form/index.js",
+      "default": "./dist/components/Form/index.js"
+    },
+    "./Table": {
+      "monorepo-dev": "./src/components/Table/index.ts",
+      "import": "./dist/components/Table/index.js",
+      "default": "./dist/components/Table/index.js"
+    },
+    "./Modal": {
+      "monorepo-dev": "./src/components/Modal/index.ts",
+      "import": "./dist/components/Modal/index.js",
+      "default": "./dist/components/Modal/index.js"
+    },
+    "./dist/*": "./dist/*"
   },
-  "gitHead": "546649711e5f511b6efc6e684f20b267d5ca290d",
-  "module": "dist/index.js",
-  "browser": "dist/index.js",
-  "types": "dist/index.d.ts",
   "publishConfig": {
     "access": "public"
   }

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

@@ -1,102 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    position: import("vue-types").VueTypeDef<"east" | "top" | "west" | "south" | "full"> & {
-        default: "east" | "top" | "west" | "south" | "full";
-    };
-    display: import("vue-types").VueTypeDef<"fixed" | "absolute"> & {
-        default: "fixed" | "absolute";
-    };
-    resizable: {
-        type: import("vue").PropType<import("./props").ResizableConfig>;
-        default: () => {
-            minWidth: number;
-            maxWidth: number;
-            minHeight: number;
-            maxHeight: number;
-            handleWidth: number;
-            handleZIndex: number;
-            disable: boolean;
-        };
-    };
-    slotVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    board: {
-        type: import("vue").PropType<import("./props").BoardState>;
-        default: () => {
-            items: any[];
-            index: number;
-            value: any;
-            state: string;
-        };
-    };
-    customStyle: {
-        type: import("vue").PropType<import("./props").BoardCustomStyle>;
-        default: () => {
-            margin: any[];
-            fixed: any[];
-            color: string;
-        };
-    };
-    customId: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/shared/vue-types.d8e57a80").b<string>> & {
-        default: string;
-    } & {
-        default: string;
-    };
-}>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    position: import("vue-types").VueTypeDef<"east" | "top" | "west" | "south" | "full"> & {
-        default: "east" | "top" | "west" | "south" | "full";
-    };
-    display: import("vue-types").VueTypeDef<"fixed" | "absolute"> & {
-        default: "fixed" | "absolute";
-    };
-    resizable: {
-        type: import("vue").PropType<import("./props").ResizableConfig>;
-        default: () => {
-            minWidth: number;
-            maxWidth: number;
-            minHeight: number;
-            maxHeight: number;
-            handleWidth: number;
-            handleZIndex: number;
-            disable: boolean;
-        };
-    };
-    slotVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    board: {
-        type: import("vue").PropType<import("./props").BoardState>;
-        default: () => {
-            items: any[];
-            index: number;
-            value: any;
-            state: string;
-        };
-    };
-    customStyle: {
-        type: import("vue").PropType<import("./props").BoardCustomStyle>;
-        default: () => {
-            margin: any[];
-            fixed: any[];
-            color: string;
-        };
-    };
-    customId: import("vue-types").VueTypeValidableDef<string, import("vue-types/dist/shared/vue-types.d8e57a80").b<string>> & {
-        default: string;
-    } & {
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    position: "east" | "top" | "west" | "south" | "full";
-    display: "fixed" | "absolute";
-    resizable: import("./props").ResizableConfig;
-    slotVisible: boolean;
-    board: import("./props").BoardState;
-    customStyle: import("./props").BoardCustomStyle;
-    customId: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,7 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mounted" | "clickOutside")[], "mounted" | "clickOutside", import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onMounted?: (...args: any[]) => any;
-    onClickOutside?: (...args: any[]) => any;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,2 +0,0 @@
-import DatePicker from './src/index';
-export { DatePicker };

package/dist/components/DatePicker/src/composables/use-month-range-header.d.ts

@@ -1,16 +0,0 @@
-import type { Ref, ToRef } from 'vue';
-import type { Dayjs } from 'dayjs';
-export declare const useMonthRangeHeader: ({ unlinkPanels, leftDate, rightDate, }: {
-    unlinkPanels: ToRef<boolean>;
-    leftDate: Ref<Dayjs>;
-    rightDate: Ref<Dayjs>;
-}) => {
-    leftPrevYear: () => void;
-    rightNextYear: () => void;
-    leftNextYear: () => void;
-    rightPrevYear: () => void;
-    leftLabel: import("vue").ComputedRef<string>;
-    rightLabel: import("vue").ComputedRef<string>;
-    leftYear: import("vue").ComputedRef<number>;
-    rightYear: import("vue").ComputedRef<number>;
-};

package/dist/components/DatePicker/src/composables/use-month-range-header.js

@@ -1,52 +0,0 @@
-import { computed } from 'vue';
-import { useLocale } from 'element-plus';
-
-var useMonthRangeHeader = function useMonthRangeHeader(_ref) {
-  var unlinkPanels = _ref.unlinkPanels,
-    leftDate = _ref.leftDate,
-    rightDate = _ref.rightDate;
-  var _useLocale = useLocale(),
-    t = _useLocale.t;
-  var leftPrevYear = function leftPrevYear() {
-    leftDate.value = leftDate.value.subtract(1, 'year');
-    if (!unlinkPanels.value) {
-      rightDate.value = rightDate.value.subtract(1, 'year');
-    }
-  };
-  var rightNextYear = function rightNextYear() {
-    if (!unlinkPanels.value) {
-      leftDate.value = leftDate.value.add(1, 'year');
-    }
-    rightDate.value = rightDate.value.add(1, 'year');
-  };
-  var leftNextYear = function leftNextYear() {
-    leftDate.value = leftDate.value.add(1, 'year');
-  };
-  var rightPrevYear = function rightPrevYear() {
-    rightDate.value = rightDate.value.subtract(1, 'year');
-  };
-  var leftLabel = computed(function () {
-    return "".concat(leftDate.value.year(), " ").concat(t('el.datepicker.year'));
-  });
-  var rightLabel = computed(function () {
-    return "".concat(rightDate.value.year(), " ").concat(t('el.datepicker.year'));
-  });
-  var leftYear = computed(function () {
-    return leftDate.value.year();
-  });
-  var rightYear = computed(function () {
-    return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
-  });
-  return {
-    leftPrevYear: leftPrevYear,
-    rightNextYear: rightNextYear,
-    leftNextYear: leftNextYear,
-    rightPrevYear: rightPrevYear,
-    leftLabel: leftLabel,
-    rightLabel: rightLabel,
-    leftYear: leftYear,
-    rightYear: rightYear
-  };
-};
-
-export { useMonthRangeHeader };

package/dist/components/DatePicker/src/composables/use-range-picker.d.ts

@@ -1,173 +0,0 @@
-import { type Ref } from 'vue';
-import type { Dayjs } from 'dayjs';
-import dayjs from "dayjs";
-import type { PanelRangeSharedProps, RangeState } from 'element-plus/es/components/date-picker/src/props/shared';
-type UseRangePickerProps = {
-    leftDate: Ref<Dayjs>;
-    rightDate: Ref<Dayjs>;
-    unit: 'month' | 'year';
-    parsedValue: Ref<Dayjs[]>;
-    disabledDate: (date: Dayjs) => boolean;
-};
-type ExtendProps = {
-    visible: boolean;
-};
-export declare const useRangePicker: (props: PanelRangeSharedProps & ExtendProps, { leftDate, rightDate, unit, parsedValue, disabledDate, }: UseRangePickerProps) => {
-    lang: any;
-    ppNs: any;
-    drpNs: any;
-    rangeState: Ref<{
-        endDate: {
-            clone: () => Dayjs;
-            isValid: () => boolean;
-            year: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            month: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            date: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            day: {
-                (): 0 | 1 | 2 | 3 | 4 | 5 | 6;
-                (value: number): Dayjs;
-            };
-            hour: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            minute: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            second: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            millisecond: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            set: (unit: dayjs.UnitType, value: number) => Dayjs;
-            get: (unit: dayjs.UnitType) => number;
-            add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
-            subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
-            startOf: (unit: dayjs.OpUnitType) => Dayjs;
-            endOf: (unit: dayjs.OpUnitType) => Dayjs;
-            format: (template?: string) => string;
-            diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
-            valueOf: () => number;
-            unix: () => number;
-            daysInMonth: () => number;
-            toDate: () => Date;
-            toJSON: () => string;
-            toISOString: () => string;
-            toString: () => string;
-            utcOffset: () => number;
-            isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
-            isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
-            isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
-            locale: {
-                (): string;
-                (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
-            };
-            localeData: () => dayjs.InstanceLocaleDataReturn;
-            week: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            weekYear: () => number;
-            dayOfYear: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
-            isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
-        };
-        selecting: boolean;
-    }, RangeState | {
-        endDate: {
-            clone: () => Dayjs;
-            isValid: () => boolean;
-            year: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            month: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            date: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            day: {
-                (): 0 | 1 | 2 | 3 | 4 | 5 | 6;
-                (value: number): Dayjs;
-            };
-            hour: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            minute: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            second: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            millisecond: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            set: (unit: dayjs.UnitType, value: number) => Dayjs;
-            get: (unit: dayjs.UnitType) => number;
-            add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
-            subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
-            startOf: (unit: dayjs.OpUnitType) => Dayjs;
-            endOf: (unit: dayjs.OpUnitType) => Dayjs;
-            format: (template?: string) => string;
-            diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
-            valueOf: () => number;
-            unix: () => number;
-            daysInMonth: () => number;
-            toDate: () => Date;
-            toJSON: () => string;
-            toISOString: () => string;
-            toString: () => string;
-            utcOffset: () => number;
-            isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
-            isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
-            isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
-            locale: {
-                (): string;
-                (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
-            };
-            localeData: () => dayjs.InstanceLocaleDataReturn;
-            week: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            weekYear: () => number;
-            dayOfYear: {
-                (): number;
-                (value: number): Dayjs;
-            };
-            isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
-            isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
-        };
-        selecting: boolean;
-    }>;
-    handleRangeConfirm: (visible?: boolean) => void;
-    onSelect: (selecting: boolean) => void;
-    handleShortcutClick: any;
-    leftDisableDate: (date: any) => boolean;
-    rightDisableDate: (date: any) => boolean;
-    t: any;
-};
-export {};

package/dist/components/DatePicker/src/composables/use-range-picker.js

@@ -1,99 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { getCurrentInstance, inject, ref, watch, unref } from 'vue';
-import { useNamespace, useLocale } from 'element-plus/es/hooks/index.mjs';
-import { isValidRange, getDefaultValue } from 'element-plus/es/components/date-picker/src/utils.mjs';
-import { ROOT_PICKER_INJECTION_KEY } from 'element-plus/es/components/date-picker/src/constants.mjs';
-import { useShortcut } from 'element-plus/es/components/date-picker/src/composables/use-shortcut.mjs';
-import dayjs from 'dayjs';
-import { isArray } from 'element-plus/es/utils/index.mjs';
-
-var useRangePicker = function useRangePicker(props, _ref) {
-  var leftDate = _ref.leftDate,
-    rightDate = _ref.rightDate,
-    unit = _ref.unit,
-    parsedValue = _ref.parsedValue,
-    disabledDate = _ref.disabledDate;
-  var _getCurrentInstance = getCurrentInstance(),
-    emit = _getCurrentInstance.emit;
-  var _inject = inject(ROOT_PICKER_INJECTION_KEY),
-    pickerNs = _inject.pickerNs;
-  var drpNs = useNamespace('date-range-picker');
-  var rangeState = ref({
-    endDate: null,
-    selecting: false
-  });
-  var _useLocale = useLocale(),
-    t = _useLocale.t,
-    lang = _useLocale.lang;
-  var handleShortcutClick = useShortcut(lang);
-  var handleRangeConfirm = function handleRangeConfirm() {
-    var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var _minDate = unref(leftDate);
-    var _maxDate = unref(rightDate);
-    if (isValidRange([_minDate, _maxDate])) {
-      emit('pick', [_minDate, _maxDate], visible);
-    }
-  };
-  var onSelect = function onSelect(selecting) {
-    rangeState.value.selecting = selecting;
-    if (!selecting) {
-      rangeState.value.endDate = null;
-    }
-  };
-  var restoreDefault = function restoreDefault() {
-    var _getDefaultValue = getDefaultValue(unref(props.parsedValue), {
-        lang: unref(lang),
-        unit: unit,
-        unlinkPanels: props.unlinkPanels
-      }),
-      _getDefaultValue2 = _slicedToArray(_getDefaultValue, 2),
-      start = _getDefaultValue2[0],
-      end = _getDefaultValue2[1];
-    leftDate.value = start;
-    rightDate.value = end;
-    parsedValue.value = [start, end];
-  };
-  var leftDisableDate = function leftDisableDate(date) {
-    if (disabledDate && disabledDate(date)) return true;
-    if (!rightDate.value) return false;
-    if (dayjs(date).hour(0).minute(0).second(0).valueOf() > dayjs(rightDate.value).valueOf()) return true;
-  };
-  var rightDisableDate = function rightDisableDate(date) {
-    if (!leftDate.value) return false;
-    if (dayjs(date).valueOf() < dayjs(leftDate.value).hour(0).minute(0).second(0).valueOf()) return true;
-  };
-  watch(function () {
-    return props.parsedValue;
-  }, function (parsedValue) {
-    if (isArray(parsedValue) && parsedValue.length === 2) {
-      var _parsedValue = _slicedToArray(parsedValue, 2),
-        start = _parsedValue[0],
-        end = _parsedValue[1];
-      leftDate.value = start;
-      rightDate.value = end;
-    } else {
-      restoreDefault();
-    }
-  }, {
-    immediate: true
-  });
-  watch(function () {
-    return props.visible;
-  }, function (val) {
-    if (!val) restoreDefault();
-  });
-  return {
-    lang: lang,
-    ppNs: pickerNs,
-    drpNs: drpNs,
-    rangeState: rangeState,
-    handleRangeConfirm: handleRangeConfirm,
-    onSelect: onSelect,
-    handleShortcutClick: handleShortcutClick,
-    leftDisableDate: leftDisableDate,
-    rightDisableDate: rightDisableDate,
-    t: t
-  };
-};
-
-export { useRangePicker };

package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.d.ts

@@ -1,19 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    unlinkPanels: BooleanConstructor;
-    visible: BooleanConstructor;
-    parsedValue: any;
-}>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "set-picker-option" | "calendar-change" | "panel-change")[], "pick" | "set-picker-option" | "calendar-change" | "panel-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    unlinkPanels: BooleanConstructor;
-    visible: BooleanConstructor;
-    parsedValue: any;
-}>> & Readonly<{
-    onPick?: (...args: any[]) => any;
-    "onSet-picker-option"?: (...args: any[]) => any;
-    "onCalendar-change"?: (...args: any[]) => any;
-    "onPanel-change"?: (...args: any[]) => any;
-}>, {
-    [x: string]: unknown;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/DatePicker/src/date-picker-com/panel-date-range.vue.js

@@ -1,5 +0,0 @@
-import script from './panel-date-range.vue2.js';
-
-script.__file = "src/components/DatePicker/src/date-picker-com/panel-date-range.vue";
-
-export { script as default };