npm - @type-dom/ui - Versions diffs - 0.1.1 → 0.1.3 - Mend

@type-dom/ui 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (659) hide show

package/src/components/data/td-collapse/style/css.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-collapse.css';

package/src/components/data/td-collapse/style/css.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-collapse.css");

package/src/components/data/td-collapse/td-collapse.class.js CHANGED Viewed

@@ -15,7 +15,7 @@ class TdCollapse extends framework_1.TypeDiv {
     }
     setup() {
         var _a;
-        console.log('TdCollapse setup . ');
+        // console.log('TdCollapse setup . ');
         const props = this.props;
         const emit = this.emit;
         const { activeNames, setActiveNames } = (0, use_collapse_1.useCollapse)(props, emit);

package/src/components/data/td-collapse/td-collapse.interface.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
 import { Arrayable } from '@type-dom/utils';
 import { TdCollapseItem } from '../td-collapse-item/td-collapse-item.class';
+import { Ref } from '@type-dom/signals';
 export type CollapseActiveName = string | number;
 export type CollapseModelValue = Arrayable<CollapseActiveName>;
 export interface ITdCollapse extends ITypeDiv {
@@ -16,5 +17,6 @@ export interface CollapseProps extends TypeDivProps {
      *   default: () => mutable([] as const),
      */
     modelValue?: CollapseModelValue;
+    vModel?: Ref<CollapseModelValue>;
     slot?: TdCollapseItem[];
 }

package/src/components/data/td-collapse/use-collapse-item.js CHANGED Viewed

@@ -20,9 +20,9 @@ const useCollapseItem = (props) => {
         var _a;
         return ((_a = props.name) !== null && _a !== void 0 ? _a : `${namespace.get()}-id-${idInjection.prefix}-${(0, signals_1.unref)(id)}`);
     });
-    console.warn('name is ', name);
+    // console.warn('name is ', name);
     const isActive = (0, signals_1.computed)(() => collapse === null || collapse === void 0 ? void 0 : collapse.activeNames.get().includes((0, signals_1.unref)(name)));
-    console.error('isActive is ', isActive);
+    // console.error('isActive is ', isActive);
     const handleFocus = () => {
         setTimeout(() => {
             if (!isClick.get()) {

package/src/components/data/td-collapse/use-collapse.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { AnyFn } from '@type-dom/framework';
+import { AnyFn } from '@type-dom/utils';
 import { CollapseActiveName, CollapseProps } from './td-collapse.interface';
 export declare const useCollapse: (props: CollapseProps, emit: AnyFn) => {
-    activeNames: import("@type-dom/signals").Signal<any[]>;
+    activeNames: import("@type-dom/signals").Signal<CollapseActiveName[]>;
     setActiveNames: (_activeNames: CollapseActiveName[]) => void;
 };
 export declare const useCollapseDOM: () => {

package/src/components/data/td-collapse/use-collapse.js CHANGED Viewed

@@ -45,7 +45,7 @@ const useCollapse = (props, emit) => {
         }
     };
     (0, signals_1.watch)(() => { var _a; return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get(); }, // props.vModel 是数组，
-    () => { var _a; return activeNames.set((0, utils_1.ensureArray)((_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get())); }
+    (newValue, oldValue) => newValue && activeNames.set((0, utils_1.ensureArray)(newValue))
     // { deep: true }
     );
     (0, framework_1.provide)(constants_1.collapseContextKey, {

package/src/components/data/td-collapse-item/style/css.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-collapse-item.css';

package/src/components/data/td-collapse-item/style/css.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-collapse-item.css");

package/src/components/data/td-collapse-item/td-collapse-item.class.js CHANGED Viewed

@@ -17,7 +17,7 @@ class TdCollapseItem extends framework_1.TypeDiv {
     }
     setup() {
         var _a, _b, _c, _d, _e;
-        console.log('setup . ');
+        // console.log('setup . ');
         const props = this.props;
         const { focusing, id, isActive, handleFocus, handleHeaderClick, handleEnterClick, } = (0, use_collapse_item_1.useCollapseItem)(props);
         const { arrowKls, headKls, rootKls, itemWrapperKls, itemContentKls, scopedContentId, scopedHeadId, } = (0, use_collapse_item_1.useCollapseItemDOM)(props, { focusing, isActive, id });
@@ -56,7 +56,7 @@ class TdCollapseItem extends framework_1.TypeDiv {
                 })),
             ],
         }));
-        console.log('isActive.get() is ', isActive.get());
+        // console.log('isActive.get() is ', isActive.get());
         this.addChild(new td_collapse_transition_class_1.TdCollapseTransition({
             slot: new framework_1.Div({
                 vShow: isActive,

package/src/components/data/td-collapse-transition/style/css.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-collapse-transition.css';

package/src/components/data/td-collapse-transition/style/css.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-collapse-transition.css");

package/src/components/data/td-count-down/style/css.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-statistic.css';

package/src/components/data/td-count-down/style/css.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-statistic.css");

package/src/components/data/td-count-down/td-count-down.class.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { ITdCountDown, CountDownProps } from './td-count-down.interface';
 import { TypeFragment } from '@type-dom/framework';
 import { Computed } from '@type-dom/signals';
+import { ITdCountDown, CountDownProps } from './td-count-down.interface';
 export declare class TdCountDown extends TypeFragment implements ITdCountDown {
     className: 'TdCountDown';
     props: CountDownProps;

package/src/components/data/td-count-down/td-count-down.class.js CHANGED Viewed

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdCountDown = void 0;
 const utils_1 = require("@type-dom/utils");
-const utils_2 = require("./utils");
 const framework_1 = require("@type-dom/framework");
-const td_count_down_const_1 = require("./td-count-down.const");
 const signals_1 = require("@type-dom/signals");
+const event_1 = require("../../../constants/event");
 const td_statistic_class_1 = require("../td-statistic/td-statistic.class");
+const utils_2 = require("./utils");
+const td_count_down_const_1 = require("./td-count-down.const");
 class TdCountDown extends framework_1.TypeFragment {
     constructor(params = {}) {
         super();
@@ -16,7 +17,7 @@ class TdCountDown extends framework_1.TypeFragment {
         this.props = this.useParams(params);
     }
     setup() {
-        console.warn('TdCountDown setup . ');
+        // console.warn('TdCountDown setup . ');
         const props = this.props;
         const emit = this.emit;
         let timer;
@@ -37,7 +38,7 @@ class TdCountDown extends framework_1.TypeFragment {
             const timestamp = (0, utils_2.getTime)(value);
             const frameFunc = () => {
                 let diff = timestamp - Date.now();
-                emit('change', diff);
+                emit(event_1.CHANGE_EVENT, diff);
                 if (diff <= 0) {
                     diff = 0;
                     stopTimer();

package/src/components/data/td-descriptions/style/css.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-descriptions.css';
-import '@element-plus/components/descriptions-item/style/css';
+import '../../../data/td-descriptions-item/style/css';

package/src/components/data/td-descriptions/style/css.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-descriptions.css");
-require("@element-plus/components/descriptions-item/style/css");
+require("../../../data/td-descriptions-item/style/css");

package/src/components/data/td-descriptions-item/style/css.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-descriptions-item.css';

package/src/components/data/td-descriptions-item/style/css.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-descriptions-item.css");

package/src/components/data/td-empty/img-empty.class.js CHANGED Viewed

@@ -77,7 +77,6 @@ class ImgEmpty extends framework_1.TypeSvgSvg {
         }));
         this.addChild(new framework_1.SvgG({
             attrObj: {
-                id: 'Illustrations',
                 stroke: 'none',
                 strokeWidth: '1',
                 fill: 'none',
@@ -86,26 +85,22 @@ class ImgEmpty extends framework_1.TypeSvgSvg {
             slot: [
                 new framework_1.SvgG({
                     attrObj: {
-                        id: 'B-type',
                         transform: 'translate(-1268.000000, -535.000000)',
                     },
                     slot: [
                         new framework_1.SvgG({
                             attrObj: {
-                                id: 'Group-2',
                                 transform: 'translate(1268.000000, 535.000000)',
                             },
                             slot: [
                                 new framework_1.SvgPath({
                                     attrObj: {
-                                        id: 'Oval-Copy-2',
                                         d: 'M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z',
                                         fill: `var(${ns.cssVarBlockName('fill-color-3')})`,
                                     },
                                 }),
                                 new framework_1.SvgPolygon({
                                     attrObj: {
-                                        id: 'Rectangle-Copy-14',
                                         fill: `var(${ns.cssVarBlockName('fill-color-7')})`,
                                         transform: 'translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ',
                                         points: '13 58 53 58 42 45 2 45',
@@ -113,13 +108,11 @@ class ImgEmpty extends framework_1.TypeSvgSvg {
                                 }),
                                 new framework_1.SvgG({
                                     attrObj: {
-                                        id: 'Group-Copy',
                                         transform: 'translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)',
                                     },
                                     slot: [
                                         new framework_1.SvgPolygon({
                                             attrObj: {
-                                                id: 'Rectangle-Copy-10',
                                                 fill: `var(${ns.cssVarBlockName('fill-color-7')})`,
                                                 transform: 'translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ',
                                                 points: '2.84078316e-14 3 18 3 23 7 5 7',
@@ -127,14 +120,12 @@ class ImgEmpty extends framework_1.TypeSvgSvg {
                                         }),
                                         new framework_1.SvgPolygon({
                                             attrObj: {
-                                                id: 'Rectangle-Copy-11',
                                                 fill: `var(${ns.cssVarBlockName('fill-color-5')})`,
                                                 points: '-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43',
                                             },
                                         }),
                                         new framework_1.SvgRect({
                                             attrObj: {
-                                                id: 'Rectangle-Copy-12',
                                                 fill: 'url(#linearGradient-1-' + id.get() + ')',
                                                 transform: 'translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ',
                                                 x: 38,
@@ -145,7 +136,6 @@ class ImgEmpty extends framework_1.TypeSvgSvg {
                                         }),
                                         new framework_1.SvgPolygon({
                                             attrObj: {
-                                                id: 'Rectangle-Copy-13',
                                                 fill: `var(${ns.cssVarBlockName('fill-color-2')})`,
                                                 transform: 'translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ',
                                                 points: '24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12',
@@ -155,7 +145,6 @@ class ImgEmpty extends framework_1.TypeSvgSvg {
                                 }),
                                 new framework_1.SvgRect({
                                     attrObj: {
-                                        id: 'Rectangle-Copy-15',
                                         fill: 'url(#linearGradient-2-' + id.get() + ')',
                                         x: 13,
                                         y: 45,
@@ -165,13 +154,11 @@ class ImgEmpty extends framework_1.TypeSvgSvg {
                                 }),
                                 new framework_1.SvgG({
                                     attrObj: {
-                                        id: 'Rectangle-Copy-17',
                                         transform: 'translate(53.000000, 45.000000)',
                                     },
                                     slot: [
                                         new framework_1.SvgUse({
                                             attrObj: {
-                                                id: 'Mask',
                                                 fill: `var(${ns.cssVarBlockName('fill-color-8')})`,
                                                 transform: 'translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ',
                                                 xlinkHref: '#path-3-' + id.get(),
@@ -179,7 +166,6 @@ class ImgEmpty extends framework_1.TypeSvgSvg {
                                         }),
                                         new framework_1.SvgPolygon({
                                             attrObj: {
-                                                id: 'Rectangle-Copy',
                                                 fill: `var(${ns.cssVarBlockName('fill-color-9')})`,
                                                 mask: 'url(#mask-4-' + id.get() + ')',
                                                 transform: 'translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ',
@@ -190,7 +176,6 @@ class ImgEmpty extends framework_1.TypeSvgSvg {
                                 }),
                                 new framework_1.SvgPolygon({
                                     attrObj: {
-                                        id: 'Rectangle-Copy-18',
                                         fill: `var(${ns.cssVarBlockName('fill-color-2')})`,
                                         transform: 'translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ',
                                         points: '62 45 79 45 70 58 53 58',

package/src/components/data/td-empty/style/css.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-empty.css';

package/src/components/data/td-empty/style/css.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-empty.css");

package/src/components/data/td-empty/td-empty.class.js CHANGED Viewed

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdEmpty = void 0;
 const framework_1 = require("@type-dom/framework");
-const td_empty_const_1 = require("./td-empty.const");
-const use_namespace_1 = require("../../../hooks/use-namespace");
 const signals_1 = require("@type-dom/signals");
 const utils_1 = require("@type-dom/utils");
+const use_namespace_1 = require("../../../hooks/use-namespace");
+const use_locale_1 = require("../../../hooks/use-locale");
+const td_empty_const_1 = require("./td-empty.const");
 const img_empty_class_1 = require("./img-empty.class");
 require("./style/index");
 class TdEmpty extends framework_1.TypeDiv {
@@ -19,10 +20,9 @@ class TdEmpty extends framework_1.TypeDiv {
     setup() {
         var _a, _b, _c, _d, _e, _f;
         const props = this.props;
-        // const { t } = useLocale()
+        const { t } = (0, use_locale_1.useLocale)();
         const ns = (0, use_namespace_1.useNamespace)('empty');
-        const emptyDescription = (0, signals_1.computed)(() => props.description // todo || t('el.table.emptyText')
-        );
+        const emptyDescription = (0, signals_1.computed)(() => props.description || t('el.table.emptyText'));
         const imageStyle = (0, signals_1.computed)(() => ({
             width: (0, utils_1.addUnit)(props.imageSize),
         }));

package/src/components/data/td-image/style/css.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-image.css';
-import '@element-plus/components/image-viewer/style/css';
+import '../../../data/td-image-viewer/style/css';

package/src/components/data/td-image/style/css.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-image.css");
-require("@element-plus/components/image-viewer/style/css");
+require("../../../data/td-image-viewer/style/css");