element-ps 2.0.26 → 2.0.29

package/es/index.mjs

@@ -9,15 +9,15 @@ export { makeInstaller } from './make-installer.mjs';
 export { default as dayjs } from 'dayjs';
 export { affixProps } from './components/affix/src/affix2.mjs';
 export { PsAffix } from './components/affix/index.mjs';
-export { alertEffects, alertProps } from './components/alert/src/alert2.mjs';
+export { alertEffects, alertProps } from './components/alert/src/alert.mjs';
 export { PsAlert } from './components/alert/index.mjs';
 export { autocompleteProps } from './components/autocomplete/src/autocomplete.mjs';
 export { PsAutocomplete } from './components/autocomplete/index.mjs';
 export { avatarProps } from './components/avatar/src/avatar.mjs';
 export { PsAvatar } from './components/avatar/index.mjs';
-export { backtopProps } from './components/backtop/src/backtop.mjs';
+export { backtopProps } from './components/backtop/src/backtop2.mjs';
 export { PsBacktop } from './components/backtop/index.mjs';
-export { badgeProps } from './components/badge/src/badge.mjs';
+export { badgeProps } from './components/badge/src/badge2.mjs';
 export { PsBadge } from './components/badge/index.mjs';
 export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb2.mjs';
 export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item.mjs';
@@ -40,7 +40,7 @@ export { PsCheckTag } from './components/check-tag/index.mjs';
 export { PsCheckbox, PsCheckboxButton, PsCheckboxGroup } from './components/checkbox/index.mjs';
 export { colProps } from './components/col/src/col.mjs';
 export { PsCol } from './components/col/index.mjs';
-export { collapseEmits, collapseProps, emitChangeFn } from './components/collapse/src/collapse2.mjs';
+export { collapseEmits, collapseProps, emitChangeFn } from './components/collapse/src/collapse.mjs';
 export { collapseItemProps } from './components/collapse/src/collapse-item.mjs';
 export { PsCollapse, PsCollapseItem } from './components/collapse/index.mjs';
 export { PsCollapseTransition } from './components/collapse-transition/index.mjs';
@@ -53,21 +53,21 @@ export { PsDescriptions, PsDescriptionsItem } from './components/descriptions/in
 export { useDialog } from './components/dialog/src/use-dialog.mjs';
 export { dialogProps } from './components/dialog/src/dialog.mjs';
 export { PsDialog } from './components/dialog/index.mjs';
-export { dividerProps } from './components/divider/src/divider2.mjs';
+export { dividerProps } from './components/divider/src/divider.mjs';
 export { PsDivider } from './components/divider/index.mjs';
-export { drawerProps } from './components/drawer/src/drawer.mjs';
+export { drawerProps } from './components/drawer/src/drawer2.mjs';
 export { PsDrawer } from './components/drawer/index.mjs';
 export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, PsCollection, PsCollectionItem, dropdownItemProps, dropdownMenuProps, dropdownProps } from './components/dropdown/src/dropdown.mjs';
 export { DROPDOWN_INJECTION_KEY } from './components/dropdown/src/tokens.mjs';
 export { PsDropdown, PsDropdownItem, PsDropdownMenu } from './components/dropdown/index.mjs';
-export { emptyProps } from './components/empty/src/empty2.mjs';
+export { emptyProps } from './components/empty/src/empty.mjs';
 export { PsEmpty } from './components/empty/index.mjs';
-export { formProps } from './components/form/src/form2.mjs';
+export { formProps } from './components/form/src/form.mjs';
 export { formItemProps, formItemValidateStates } from './components/form/src/form-item.mjs';
 export { PsForm, PsFormItem } from './components/form/index.mjs';
 export { iconProps } from './components/icon/src/icon.mjs';
 export { PsIcon } from './components/icon/index.mjs';
-export { imageProps } from './components/image/src/image2.mjs';
+export { imageProps } from './components/image/src/image.mjs';
 export { PsImage } from './components/image/index.mjs';
 export { imageViewerProps } from './components/image-viewer/src/image-viewer.mjs';
 export { PsImageViewer } from './components/image-viewer/index.mjs';
@@ -78,7 +78,7 @@ export { PsInputNumber } from './components/input-number/index.mjs';
 export { linkProps } from './components/link/src/link.mjs';
 export { PsLink } from './components/link/index.mjs';
 export { menuProps } from './components/menu/src/menu.mjs';
-export { menuItemEmits, menuItemProps } from './components/menu/src/menu-item2.mjs';
+export { menuItemEmits, menuItemProps } from './components/menu/src/menu-item.mjs';
 export { menuItemGroupProps } from './components/menu/src/menu-item-group2.mjs';
 export { subMenuProps } from './components/menu/src/sub-menu.mjs';
 export { PsMenu, PsMenuItem, PsMenuItemGroup, PsSubMenu } from './components/menu/index.mjs';
@@ -99,9 +99,9 @@ export { default as PsPopperArrow } from './components/popper/src/arrow.mjs';
 export { default as PsPopperTrigger } from './components/popper/src/trigger2.mjs';
 export { default as PsPopperContent } from './components/popper/src/content2.mjs';
 export { PsPopper } from './components/popper/index.mjs';
-export { progressProps } from './components/progress/src/progress.mjs';
+export { progressProps } from './components/progress/src/progress2.mjs';
 export { PsProgress } from './components/progress/index.mjs';
-export { radioEmits, radioProps, radioPropsBase, useRadio } from './components/radio/src/radio2.mjs';
+export { radioEmits, radioProps, radioPropsBase, useRadio } from './components/radio/src/radio.mjs';
 export { radioGroupProps } from './components/radio/src/radio-group2.mjs';
 export { radioButtonProps } from './components/radio/src/radio-button.mjs';
 export { PsRadio, PsRadioButton, PsRadioGroup } from './components/radio/index.mjs';
@@ -113,7 +113,7 @@ export { rowProps } from './components/row/src/row.mjs';
 export { PsRow } from './components/row/index.mjs';
 export { BAR_MAP, renderThumbStyle } from './components/scrollbar/src/util.mjs';
 export { scrollbarProps } from './components/scrollbar/src/scrollbar.mjs';
-export { thumbProps } from './components/scrollbar/src/thumb2.mjs';
+export { thumbProps } from './components/scrollbar/src/thumb.mjs';
 export { PsScrollbar } from './components/scrollbar/index.mjs';
 export { selectGroupKey, selectKey } from './components/select/src/token.mjs';
 export { PsOption, PsOptionGroup, PsSelect } from './components/select/index.mjs';
@@ -131,11 +131,11 @@ export { switchProps } from './components/switch/src/switch.mjs';
 export { PsSwitch } from './components/switch/index.mjs';
 export { PsTable, PsTableColumn } from './components/table/index.mjs';
 export { tabsEmits, tabsProps } from './components/tabs/src/tabs.mjs';
-export { tabBarProps } from './components/tabs/src/tab-bar2.mjs';
+export { tabBarProps } from './components/tabs/src/tab-bar.mjs';
 export { tabNavProps } from './components/tabs/src/tab-nav.mjs';
 export { tabPaneProps } from './components/tabs/src/tab-pane.mjs';
 export { PsTabPane, PsTabs } from './components/tabs/index.mjs';
-export { tagEmits, tagProps } from './components/tag/src/tag.mjs';
+export { tagEmits, tagProps } from './components/tag/src/tag2.mjs';
 export { PsTag } from './components/tag/index.mjs';
 export { extractDateFormat, extractTimeFormat, rangeArr } from './components/time-picker/src/common/date-utils.mjs';
 export { DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME } from './components/time-picker/src/common/constant.mjs';
@@ -144,7 +144,7 @@ export { default as CommonPicker } from './components/time-picker/src/common/pic
 export { default as TimePickPanel } from './components/time-picker/src/time-picker-com/panel-time-pick.mjs';
 export { PsTimePicker } from './components/time-picker/index.mjs';
 export { PsTimeSelect } from './components/time-select/index.mjs';
-export { timelineItemProps } from './components/timeline/src/timeline-item2.mjs';
+export { timelineItemProps } from './components/timeline/src/timeline-item.mjs';
 export { PsTimeline, PsTimelineItem } from './components/timeline/index.mjs';
 export { useTooltipContentProps, useTooltipProps, useTooltipTriggerProps } from './components/tooltip/src/tooltip2.mjs';
 export { TOOLTIP_INJECTION_KEY } from './components/tooltip/src/tokens.mjs';
@@ -154,10 +154,10 @@ export { PsTransfer } from './components/transfer/index.mjs';
 export { PsTree } from './components/tree/index.mjs';
 export { PsTreeSelect } from './components/tree-select/index.mjs';
 export { PsTreeV2 } from './components/tree-v2/index.mjs';
-export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './components/upload/src/upload.mjs';
-export { uploadContentProps } from './components/upload/src/upload-content2.mjs';
+export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './components/upload/src/upload2.mjs';
+export { uploadContentProps } from './components/upload/src/upload-content.mjs';
 export { uploadListEmits, uploadListProps } from './components/upload/src/upload-list.mjs';
-export { uploadDraggerEmits, uploadDraggerProps } from './components/upload/src/upload-dragger2.mjs';
+export { uploadDraggerEmits, uploadDraggerProps } from './components/upload/src/upload-dragger.mjs';
 export { PsUpload } from './components/upload/index.mjs';
 export { default as FixedSizeList } from './components/virtual-list/src/components/fixed-size-list.mjs';
 export { default as DynamicSizeList } from './components/virtual-list/src/components/dynamic-size-list.mjs';

package/es/utils/vue/vnode.d.ts

@@ -29,12 +29,12 @@ export declare function isTemplate(node: unknown): node is VNode;
  */
 export declare function isValidElementNode(node: VNode): boolean;
 export declare function isValidElementNode(node: unknown): node is VNode;
-export declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | VNodeArrayChildren | {
+export declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNodeArrayChildren | {
     [name: string]: unknown;
     $stable?: boolean | undefined;
-} | null | undefined;
+} | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null | undefined;
 export declare function renderIf(condition: boolean, ...args: Parameters<typeof createBlock>): VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;
@@ -42,6 +42,6 @@ export declare function renderBlock(...args: Parameters<typeof createBlock>): VN
     [key: string]: any;
 }>;
 export declare const getNormalizedProps: (node: VNode) => Record<string, any>;
-export declare const ensureOnlyChild: (children: VNodeArrayChildren | undefined) => (string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare const ensureOnlyChild: (children: VNodeArrayChildren | undefined) => VNodeArrayChildren | (string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null | undefined) | VNodeArrayChildren;
+}> | null | undefined);

package/lib/component.js

@@ -59,16 +59,17 @@ var index$R = require('./components/switch/index.js');
 var index$S = require('./components/table/index.js');
 var index$T = require('./components/tabs/index.js');
 var index$U = require('./components/tag/index.js');
-var index$V = require('./components/time-picker/index.js');
-var index$W = require('./components/time-select/index.js');
-var index$X = require('./components/timeline/index.js');
-var index$Y = require('./components/tooltip/index.js');
-var index$Z = require('./components/tooltip-v2/index.js');
-var index$_ = require('./components/transfer/index.js');
-var index$$ = require('./components/tree/index.js');
-var index$10 = require('./components/tree-select/index.js');
-var index$11 = require('./components/tree-v2/index.js');
-var index$12 = require('./components/upload/index.js');
+var index$V = require('./components/text/index.js');
+var index$W = require('./components/time-picker/index.js');
+var index$X = require('./components/time-select/index.js');
+var index$Y = require('./components/timeline/index.js');
+var index$Z = require('./components/tooltip/index.js');
+var index$_ = require('./components/tooltip-v2/index.js');
+var index$$ = require('./components/transfer/index.js');
+var index$10 = require('./components/tree/index.js');
+var index$11 = require('./components/tree-select/index.js');
+var index$12 = require('./components/tree-v2/index.js');
+var index$13 = require('./components/upload/index.js');
 
 var Components = [
   index.PsAffix,
@@ -152,17 +153,18 @@ var Components = [
   index$T.PsTabs,
   index$T.PsTabPane,
   index$U.PsTag,
-  index$V.PsTimePicker,
-  index$W.PsTimeSelect,
-  index$X.PsTimeline,
-  index$X.PsTimelineItem,
-  index$Y.PsTooltip,
-  index$Z.PsTooltipV2,
-  index$_.PsTransfer,
-  index$$.PsTree,
-  index$10.PsTreeSelect,
-  index$11.PsTreeV2,
-  index$12.PsUpload
+  index$V.PsText,
+  index$W.PsTimePicker,
+  index$X.PsTimeSelect,
+  index$Y.PsTimeline,
+  index$Y.PsTimelineItem,
+  index$Z.PsTooltip,
+  index$_.PsTooltipV2,
+  index$$.PsTransfer,
+  index$10.PsTree,
+  index$11.PsTreeSelect,
+  index$12.PsTreeV2,
+  index$13.PsUpload
 ];
 
 exports["default"] = Components;

package/lib/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../packages/element-ps/component.ts"],"sourcesContent":["import { PsAffix } from '@element-ps/components/affix'\nimport { PsAlert } from '@element-ps/components/alert'\nimport { PsAutocomplete } from '@element-ps/components/autocomplete'\nimport { PsAvatar } from '@element-ps/components/avatar'\nimport { PsBacktop } from '@element-ps/components/backtop'\nimport { PsBadge } from '@element-ps/components/badge'\nimport {\n  PsBreadcrumb,\n  PsBreadcrumbItem,\n} from '@element-ps/components/breadcrumb'\nimport { PsButton, PsButtonGroup } from '@element-ps/components/button'\nimport { PsCalendar } from '@element-ps/components/calendar'\nimport { PsCard } from '@element-ps/components/card'\nimport { PsCarousel, PsCarouselItem } from '@element-ps/components/carousel'\nimport { PsCascader } from '@element-ps/components/cascader'\nimport { PsCascaderPanel } from '@element-ps/components/cascader-panel'\nimport { PsCheckTag } from '@element-ps/components/check-tag'\nimport {\n  PsCheckbox,\n  PsCheckboxButton,\n  PsCheckboxGroup,\n} from '@element-ps/components/checkbox'\nimport { PsCol } from '@element-ps/components/col'\nimport { PsCollapse, PsCollapseItem } from '@element-ps/components/collapse'\nimport { PsCollapseTransition } from '@element-ps/components/collapse-transition'\nimport { PsColorPicker } from '@element-ps/components/color-picker'\nimport { PsConfigProvider } from '@element-ps/components/config-provider'\nimport {\n  PsAside,\n  PsContainer,\n  PsFooter,\n  PsHeader,\n  PsMain,\n} from '@element-ps/components/container'\nimport { PsDatePicker } from '@element-ps/components/date-picker'\nimport {\n  PsDescriptions,\n  PsDescriptionsItem,\n} from '@element-ps/components/descriptions'\nimport { PsDialog } from '@element-ps/components/dialog'\nimport { PsDivider } from '@element-ps/components/divider'\nimport { PsDrawer } from '@element-ps/components/drawer'\nimport {\n  PsDropdown,\n  PsDropdownItem,\n  PsDropdownMenu,\n} from '@element-ps/components/dropdown'\nimport { PsEmpty } from '@element-ps/components/empty'\nimport { PsForm, PsFormItem } from '@element-ps/components/form'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { PsImage } from '@element-ps/components/image'\nimport { PsImageViewer } from '@element-ps/components/image-viewer'\nimport { PsInput } from '@element-ps/components/input'\nimport { PsInputNumber } from '@element-ps/components/input-number'\nimport { PsLink } from '@element-ps/components/link'\nimport {\n  PsMenu,\n  PsMenuItem,\n  PsMenuItemGroup,\n} from '@element-ps/components/menu'\nimport { PsPageHeader } from '@element-ps/components/page-header'\nimport { PsPagination } from '@element-ps/components/pagination'\nimport { PsPopconfirm } from '@element-ps/components/popconfirm'\nimport { PsPopover } from '@element-ps/components/popover'\nimport { PsPopper } from '@element-ps/components/popper'\nimport { PsProgress } from '@element-ps/components/progress'\nimport {\n  PsRadio,\n  PsRadioButton,\n  PsRadioGroup,\n} from '@element-ps/components/radio'\nimport { PsRate } from '@element-ps/components/rate'\nimport { PsResult } from '@element-ps/components/result'\nimport { PsRow } from '@element-ps/components/row'\nimport { PsScrollbar } from '@element-ps/components/scrollbar'\nimport {\n  PsOption,\n  PsOptionGroup,\n  PsSelect,\n} from '@element-ps/components/select'\nimport { PsSelectV2 } from '@element-ps/components/select-v2'\nimport { PsSkeleton, PsSkeletonItem } from '@element-ps/components/skeleton'\nimport { PsSlider } from '@element-ps/components/slider'\nimport { PsSpace } from '@element-ps/components/space'\nimport { PsStep, PsSteps } from '@element-ps/components/steps'\nimport { PsSwitch } from '@element-ps/components/switch'\nimport { PsTable, PsTableColumn } from '@element-ps/components/table'\nimport { PsTabPane, PsTabs } from '@element-ps/components/tabs'\nimport { PsTag } from '@element-ps/components/tag'\nimport { PsTimePicker } from '@element-ps/components/time-picker'\nimport { PsTimeSelect } from '@element-ps/components/time-select'\nimport { PsTimeline, PsTimelineItem } from '@element-ps/components/timeline'\nimport { PsTooltip } from '@element-ps/components/tooltip'\nimport { PsTooltipV2 } from '@element-ps/components/tooltip-v2'\nimport { PsTransfer } from '@element-ps/components/transfer'\nimport { PsTree } from '@element-ps/components/tree'\nimport { PsTreeSelect } from '@element-ps/components/tree-select'\nimport { PsTreeV2 } from '@element-ps/components/tree-v2'\nimport { PsUpload } from '@element-ps/components/upload'\nimport type { Plugin } from 'vue'\n\nexport default [\n  PsAffix,\n  PsAlert,\n  PsAutocomplete,\n  PsAvatar,\n  PsBacktop,\n  PsBadge,\n  PsBreadcrumb,\n  PsBreadcrumbItem,\n  PsButton,\n  PsButtonGroup,\n  PsCalendar,\n  PsCard,\n  PsCarousel,\n  PsCarouselItem,\n  PsCascader,\n  PsCascaderPanel,\n  PsCheckTag,\n  PsCheckbox,\n  PsCheckboxButton,\n  PsCheckboxGroup,\n  PsCol,\n  PsCollapse,\n  PsCollapseItem,\n  PsCollapseTransition,\n  PsColorPicker,\n  PsConfigProvider,\n  PsContainer,\n  PsAside,\n  PsFooter,\n  PsHeader,\n  PsMain,\n  PsDatePicker,\n  PsDescriptions,\n  PsDescriptionsItem,\n  PsDialog,\n  PsDivider,\n  PsDrawer,\n  PsDropdown,\n  PsDropdownItem,\n  PsDropdownMenu,\n  PsEmpty,\n  PsForm,\n  PsFormItem,\n  PsIcon,\n  PsImage,\n  PsImageViewer,\n  PsInput,\n  PsInputNumber,\n  PsLink,\n  PsMenu,\n  PsMenuItem,\n  PsMenuItemGroup,\n  PsPageHeader,\n  PsPagination,\n  PsPopconfirm,\n  PsPopover,\n  PsPopper,\n  PsProgress,\n  PsRadio,\n  PsRadioButton,\n  PsRadioGroup,\n  PsRate,\n  PsResult,\n  PsRow,\n  PsScrollbar,\n  PsSelect,\n  PsOption,\n  PsOptionGroup,\n  PsSelectV2,\n  PsSkeleton,\n  PsSkeletonItem,\n  PsSlider,\n  PsSpace,\n  PsSteps,\n  PsStep,\n  PsSwitch,\n  PsTable,\n  PsTableColumn,\n  PsTabs,\n  PsTabPane,\n  PsTag,\n  PsTimePicker,\n  PsTimeSelect,\n  PsTimeline,\n  PsTimelineItem,\n  PsTooltip,\n  PsTooltipV2,\n  PsTransfer,\n  PsTree,\n  PsTreeSelect,\n  PsTreeV2,\n  PsUpload,\n] as Plugin[]\n"],"names":["PsAffix","PsAlert","PsAutocomplete","PsAvatar","PsBacktop","PsBadge","PsBreadcrumb","PsBreadcrumbItem","PsButton","PsButtonGroup","PsCalendar","PsCard","PsCarousel","PsCarouselItem","PsCascader","PsCascaderPanel","PsCheckTag","PsCheckbox","PsCheckboxButton","PsCheckboxGroup","PsCol","PsCollapse","PsCollapseItem","PsCollapseTransition","PsColorPicker","PsConfigProvider","PsContainer","PsAside","PsFooter","PsHeader","PsMain","PsDatePicker","PsDescriptions","PsDescriptionsItem","PsDialog","PsDivider","PsDrawer","PsDropdown","PsDropdownItem","PsDropdownMenu","PsEmpty","PsForm","PsFormItem","PsIcon","PsImage","PsImageViewer","PsInput","PsInputNumber","PsLink","PsMenu","PsMenuItem","PsMenuItemGroup","PsPageHeader","PsPagination","PsPopconfirm","PsPopover","PsPopper","PsProgress","PsRadio","PsRadioButton","PsRadioGroup","PsRate","PsResult","PsRow","PsScrollbar","PsSelect","PsOption","PsOptionGroup","PsSelectV2","PsSkeleton","PsSkeletonItem","PsSlider","PsSpace","PsSteps","PsStep","PsSwitch","PsTable","PsTableColumn","PsTabs","PsTabPane","PsTag","PsTimePicker","PsTimeSelect","PsTimeline","PsTimelineItem","PsTooltip","PsTooltipV2","PsTransfer","PsTree","PsTreeSelect","PsTreeV2","PsUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,iBAAe;AACf,EAAEA,aAAO;AACT,EAAEC,eAAO;AACT,EAAEC,sBAAc;AAChB,EAAEC,gBAAQ;AACV,EAAEC,iBAAS;AACX,EAAEC,eAAO;AACT,EAAEC,oBAAY;AACd,EAAEC,wBAAgB;AAClB,EAAEC,gBAAQ;AACV,EAAEC,qBAAa;AACf,EAAEC,kBAAU;AACZ,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,kBAAU;AACZ,EAAEC,uBAAe;AACjB,EAAEC,kBAAU;AACZ,EAAEC,kBAAU;AACZ,EAAEC,wBAAgB;AAClB,EAAEC,uBAAe;AACjB,EAAEC,aAAK;AACP,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,4BAAoB;AACtB,EAAEC,qBAAa;AACf,EAAEC,wBAAgB;AAClB,EAAEC,mBAAW;AACb,EAAEC,eAAO;AACT,EAAEC,gBAAQ;AACV,EAAEC,gBAAQ;AACV,EAAEC,cAAM;AACR,EAAEC,oBAAY;AACd,EAAEC,sBAAc;AAChB,EAAEC,0BAAkB;AACpB,EAAEC,gBAAQ;AACV,EAAEC,iBAAS;AACX,EAAEC,gBAAQ;AACV,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,sBAAc;AAChB,EAAEC,eAAO;AACT,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,cAAM;AACR,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,cAAM;AACR,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,uBAAe;AACjB,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,iBAAS;AACX,EAAEC,gBAAQ;AACV,EAAEC,kBAAU;AACZ,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,oBAAY;AACd,EAAEC,cAAM;AACR,EAAEC,gBAAQ;AACV,EAAEC,aAAK;AACP,EAAEC,mBAAW;AACb,EAAEC,gBAAQ;AACV,EAAEC,gBAAQ;AACV,EAAEC,qBAAa;AACf,EAAEC,kBAAU;AACZ,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,gBAAQ;AACV,EAAEC,eAAO;AACT,EAAEC,eAAO;AACT,EAAEC,cAAM;AACR,EAAEC,gBAAQ;AACV,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,cAAM;AACR,EAAEC,iBAAS;AACX,EAAEC,aAAK;AACP,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,iBAAS;AACX,EAAEC,mBAAW;AACb,EAAEC,kBAAU;AACZ,EAAEC,cAAM;AACR,EAAEC,qBAAY;AACd,EAAEC,iBAAQ;AACV,EAAEC,iBAAQ;AACV,CAAC;;;;"}
+{"version":3,"file":"component.js","sources":["../../../packages/element-ps/component.ts"],"sourcesContent":["import { PsAffix } from '@element-ps/components/affix'\nimport { PsAlert } from '@element-ps/components/alert'\nimport { PsAutocomplete } from '@element-ps/components/autocomplete'\nimport { PsAvatar } from '@element-ps/components/avatar'\nimport { PsBacktop } from '@element-ps/components/backtop'\nimport { PsBadge } from '@element-ps/components/badge'\nimport {\n  PsBreadcrumb,\n  PsBreadcrumbItem,\n} from '@element-ps/components/breadcrumb'\nimport { PsButton, PsButtonGroup } from '@element-ps/components/button'\nimport { PsCalendar } from '@element-ps/components/calendar'\nimport { PsCard } from '@element-ps/components/card'\nimport { PsCarousel, PsCarouselItem } from '@element-ps/components/carousel'\nimport { PsCascader } from '@element-ps/components/cascader'\nimport { PsCascaderPanel } from '@element-ps/components/cascader-panel'\nimport { PsCheckTag } from '@element-ps/components/check-tag'\nimport {\n  PsCheckbox,\n  PsCheckboxButton,\n  PsCheckboxGroup,\n} from '@element-ps/components/checkbox'\nimport { PsCol } from '@element-ps/components/col'\nimport { PsCollapse, PsCollapseItem } from '@element-ps/components/collapse'\nimport { PsCollapseTransition } from '@element-ps/components/collapse-transition'\nimport { PsColorPicker } from '@element-ps/components/color-picker'\nimport { PsConfigProvider } from '@element-ps/components/config-provider'\nimport {\n  PsAside,\n  PsContainer,\n  PsFooter,\n  PsHeader,\n  PsMain,\n} from '@element-ps/components/container'\nimport { PsDatePicker } from '@element-ps/components/date-picker'\nimport {\n  PsDescriptions,\n  PsDescriptionsItem,\n} from '@element-ps/components/descriptions'\nimport { PsDialog } from '@element-ps/components/dialog'\nimport { PsDivider } from '@element-ps/components/divider'\nimport { PsDrawer } from '@element-ps/components/drawer'\nimport {\n  PsDropdown,\n  PsDropdownItem,\n  PsDropdownMenu,\n} from '@element-ps/components/dropdown'\nimport { PsEmpty } from '@element-ps/components/empty'\nimport { PsForm, PsFormItem } from '@element-ps/components/form'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { PsImage } from '@element-ps/components/image'\nimport { PsImageViewer } from '@element-ps/components/image-viewer'\nimport { PsInput } from '@element-ps/components/input'\nimport { PsInputNumber } from '@element-ps/components/input-number'\nimport { PsLink } from '@element-ps/components/link'\nimport {\n  PsMenu,\n  PsMenuItem,\n  PsMenuItemGroup,\n} from '@element-ps/components/menu'\nimport { PsPageHeader } from '@element-ps/components/page-header'\nimport { PsPagination } from '@element-ps/components/pagination'\nimport { PsPopconfirm } from '@element-ps/components/popconfirm'\nimport { PsPopover } from '@element-ps/components/popover'\nimport { PsPopper } from '@element-ps/components/popper'\nimport { PsProgress } from '@element-ps/components/progress'\nimport {\n  PsRadio,\n  PsRadioButton,\n  PsRadioGroup,\n} from '@element-ps/components/radio'\nimport { PsRate } from '@element-ps/components/rate'\nimport { PsResult } from '@element-ps/components/result'\nimport { PsRow } from '@element-ps/components/row'\nimport { PsScrollbar } from '@element-ps/components/scrollbar'\nimport {\n  PsOption,\n  PsOptionGroup,\n  PsSelect,\n} from '@element-ps/components/select'\nimport { PsSelectV2 } from '@element-ps/components/select-v2'\nimport { PsSkeleton, PsSkeletonItem } from '@element-ps/components/skeleton'\nimport { PsSlider } from '@element-ps/components/slider'\nimport { PsSpace } from '@element-ps/components/space'\nimport { PsStep, PsSteps } from '@element-ps/components/steps'\nimport { PsSwitch } from '@element-ps/components/switch'\nimport { PsTable, PsTableColumn } from '@element-ps/components/table'\nimport { PsTabPane, PsTabs } from '@element-ps/components/tabs'\nimport { PsTag } from '@element-ps/components/tag'\nimport { PsText } from '@element-ps/components/text'\nimport { PsTimePicker } from '@element-ps/components/time-picker'\nimport { PsTimeSelect } from '@element-ps/components/time-select'\nimport { PsTimeline, PsTimelineItem } from '@element-ps/components/timeline'\nimport { PsTooltip } from '@element-ps/components/tooltip'\nimport { PsTooltipV2 } from '@element-ps/components/tooltip-v2'\nimport { PsTransfer } from '@element-ps/components/transfer'\nimport { PsTree } from '@element-ps/components/tree'\nimport { PsTreeSelect } from '@element-ps/components/tree-select'\nimport { PsTreeV2 } from '@element-ps/components/tree-v2'\nimport { PsUpload } from '@element-ps/components/upload'\nimport type { Plugin } from 'vue'\n\nexport default [\n  PsAffix,\n  PsAlert,\n  PsAutocomplete,\n  PsAvatar,\n  PsBacktop,\n  PsBadge,\n  PsBreadcrumb,\n  PsBreadcrumbItem,\n  PsButton,\n  PsButtonGroup,\n  PsCalendar,\n  PsCard,\n  PsCarousel,\n  PsCarouselItem,\n  PsCascader,\n  PsCascaderPanel,\n  PsCheckTag,\n  PsCheckbox,\n  PsCheckboxButton,\n  PsCheckboxGroup,\n  PsCol,\n  PsCollapse,\n  PsCollapseItem,\n  PsCollapseTransition,\n  PsColorPicker,\n  PsConfigProvider,\n  PsContainer,\n  PsAside,\n  PsFooter,\n  PsHeader,\n  PsMain,\n  PsDatePicker,\n  PsDescriptions,\n  PsDescriptionsItem,\n  PsDialog,\n  PsDivider,\n  PsDrawer,\n  PsDropdown,\n  PsDropdownItem,\n  PsDropdownMenu,\n  PsEmpty,\n  PsForm,\n  PsFormItem,\n  PsIcon,\n  PsImage,\n  PsImageViewer,\n  PsInput,\n  PsInputNumber,\n  PsLink,\n  PsMenu,\n  PsMenuItem,\n  PsMenuItemGroup,\n  PsPageHeader,\n  PsPagination,\n  PsPopconfirm,\n  PsPopover,\n  PsPopper,\n  PsProgress,\n  PsRadio,\n  PsRadioButton,\n  PsRadioGroup,\n  PsRate,\n  PsResult,\n  PsRow,\n  PsScrollbar,\n  PsSelect,\n  PsOption,\n  PsOptionGroup,\n  PsSelectV2,\n  PsSkeleton,\n  PsSkeletonItem,\n  PsSlider,\n  PsSpace,\n  PsSteps,\n  PsStep,\n  PsSwitch,\n  PsTable,\n  PsTableColumn,\n  PsTabs,\n  PsTabPane,\n  PsTag,\n  PsText,\n  PsTimePicker,\n  PsTimeSelect,\n  PsTimeline,\n  PsTimelineItem,\n  PsTooltip,\n  PsTooltipV2,\n  PsTransfer,\n  PsTree,\n  PsTreeSelect,\n  PsTreeV2,\n  PsUpload,\n] as Plugin[]\n"],"names":["PsAffix","PsAlert","PsAutocomplete","PsAvatar","PsBacktop","PsBadge","PsBreadcrumb","PsBreadcrumbItem","PsButton","PsButtonGroup","PsCalendar","PsCard","PsCarousel","PsCarouselItem","PsCascader","PsCascaderPanel","PsCheckTag","PsCheckbox","PsCheckboxButton","PsCheckboxGroup","PsCol","PsCollapse","PsCollapseItem","PsCollapseTransition","PsColorPicker","PsConfigProvider","PsContainer","PsAside","PsFooter","PsHeader","PsMain","PsDatePicker","PsDescriptions","PsDescriptionsItem","PsDialog","PsDivider","PsDrawer","PsDropdown","PsDropdownItem","PsDropdownMenu","PsEmpty","PsForm","PsFormItem","PsIcon","PsImage","PsImageViewer","PsInput","PsInputNumber","PsLink","PsMenu","PsMenuItem","PsMenuItemGroup","PsPageHeader","PsPagination","PsPopconfirm","PsPopover","PsPopper","PsProgress","PsRadio","PsRadioButton","PsRadioGroup","PsRate","PsResult","PsRow","PsScrollbar","PsSelect","PsOption","PsOptionGroup","PsSelectV2","PsSkeleton","PsSkeletonItem","PsSlider","PsSpace","PsSteps","PsStep","PsSwitch","PsTable","PsTableColumn","PsTabs","PsTabPane","PsTag","PsText","PsTimePicker","PsTimeSelect","PsTimeline","PsTimelineItem","PsTooltip","PsTooltipV2","PsTransfer","PsTree","PsTreeSelect","PsTreeV2","PsUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA,iBAAe;AACf,EAAEA,aAAO;AACT,EAAEC,eAAO;AACT,EAAEC,sBAAc;AAChB,EAAEC,gBAAQ;AACV,EAAEC,iBAAS;AACX,EAAEC,eAAO;AACT,EAAEC,oBAAY;AACd,EAAEC,wBAAgB;AAClB,EAAEC,gBAAQ;AACV,EAAEC,qBAAa;AACf,EAAEC,kBAAU;AACZ,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,kBAAU;AACZ,EAAEC,uBAAe;AACjB,EAAEC,kBAAU;AACZ,EAAEC,kBAAU;AACZ,EAAEC,wBAAgB;AAClB,EAAEC,uBAAe;AACjB,EAAEC,aAAK;AACP,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,4BAAoB;AACtB,EAAEC,qBAAa;AACf,EAAEC,wBAAgB;AAClB,EAAEC,mBAAW;AACb,EAAEC,eAAO;AACT,EAAEC,gBAAQ;AACV,EAAEC,gBAAQ;AACV,EAAEC,cAAM;AACR,EAAEC,oBAAY;AACd,EAAEC,sBAAc;AAChB,EAAEC,0BAAkB;AACpB,EAAEC,gBAAQ;AACV,EAAEC,iBAAS;AACX,EAAEC,gBAAQ;AACV,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,sBAAc;AAChB,EAAEC,eAAO;AACT,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,cAAM;AACR,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,cAAM;AACR,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,uBAAe;AACjB,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,iBAAS;AACX,EAAEC,gBAAQ;AACV,EAAEC,kBAAU;AACZ,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,oBAAY;AACd,EAAEC,cAAM;AACR,EAAEC,gBAAQ;AACV,EAAEC,aAAK;AACP,EAAEC,mBAAW;AACb,EAAEC,gBAAQ;AACV,EAAEC,gBAAQ;AACV,EAAEC,qBAAa;AACf,EAAEC,kBAAU;AACZ,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,gBAAQ;AACV,EAAEC,eAAO;AACT,EAAEC,eAAO;AACT,EAAEC,cAAM;AACR,EAAEC,gBAAQ;AACV,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,cAAM;AACR,EAAEC,iBAAS;AACX,EAAEC,aAAK;AACP,EAAEC,cAAM;AACR,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,iBAAS;AACX,EAAEC,mBAAW;AACb,EAAEC,kBAAU;AACZ,EAAEC,eAAM;AACR,EAAEC,qBAAY;AACd,EAAEC,iBAAQ;AACV,EAAEC,iBAAQ;AACV,CAAC;;;;"}

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

@@ -59,9 +59,9 @@ export declare const PsAffix: import("element-ps/es/utils").SFCWithInstall<impor
     readonly position: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
 }>>, {
     zIndex: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown>;
-    target: string;
     offset: number;
     position: import("element-ps/es/utils").BuildPropType<StringConstructor, "top" | "bottom", unknown>;
+    target: string;
 }>> & Record<string, any>;
 export default PsAffix;
 export * from './src/affix';

package/lib/components/affix/src/affix.vue.d.ts

@@ -60,8 +60,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly position: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
 }>>, {
     zIndex: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown>;
-    target: string;
     offset: number;
     position: import("element-ps/es/utils").BuildPropType<StringConstructor, "top" | "bottom", unknown>;
+    target: string;
 }>;
 export default _default;

package/lib/components/alert/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var alert$1 = require('./src/alert.js');
-var alert = require('./src/alert2.js');
+var alert$1 = require('./src/alert2.js');
+var alert = require('./src/alert.js');
 var install = require('../../utils/vue/install.js');
 
 const PsAlert = install.withInstall(alert$1["default"]);

package/lib/components/alert/src/alert.js

@@ -2,92 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../icon/index.js');
 require('../../../utils/index.js');
-require('../../../hooks/index.js');
-var alert = require('./alert2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var props = require('../../../utils/vue/props.js');
+var objects = require('../../../utils/objects.js');
 var icon = require('../../../utils/vue/icon.js');
-var index = require('../../../hooks/use-namespace/index.js');
 
-const __default__ = {
-  name: "PsAlert"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: alert.alertProps,
-  setup(__props) {
-    const props = __props;
-    const { Close } = icon.TypeComponents;
-    const slots = vue.useSlots();
-    const ns = index.useNamespace("alert");
-    const visible = vue.ref(true);
-    const iconComponent = vue.computed(() => icon.TypeComponentsMap[props.type] || icon.TypeComponentsMap["info"]);
-    const isBigIcon = vue.computed(() => props.description || { [ns.is("big")]: slots.default });
-    const isBoldTitle = vue.computed(() => props.description || { [ns.is("bold")]: slots.default });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, {
-        name: vue.unref(ns).b("fade")
-      }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives(vue.createElementVNode("div", {
-            class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.type), vue.unref(ns).is("center", _ctx.center), vue.unref(ns).is(_ctx.effect)]),
-            role: "alert"
-          }, [
-            _ctx.showIcon && vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.PsIcon), {
-              key: 0,
-              class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(isBigIcon)])
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
-              ]),
-              _: 1
-            }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("content"))
-            }, [
-              _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                class: vue.normalizeClass([vue.unref(ns).e("title"), vue.unref(isBoldTitle)])
-              }, [
-                vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-                ])
-              ], 2)) : vue.createCommentVNode("v-if", true),
-              _ctx.$slots.default || _ctx.description ? (vue.openBlock(), vue.createElementBlock("p", {
-                key: 1,
-                class: vue.normalizeClass(vue.unref(ns).e("description"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
-                ])
-              ], 2)) : vue.createCommentVNode("v-if", true),
-              _ctx.closable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-                _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 0,
-                  class: vue.normalizeClass([vue.unref(ns).e("close-btn"), vue.unref(ns).is("customed")])
-                }, vue.toDisplayString(_ctx.closeText), 3)) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.PsIcon), {
-                  key: 1,
-                  class: vue.normalizeClass(vue.unref(ns).e("close-btn"))
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(Close))
-                  ]),
-                  _: 1
-                }, 8, ["class"]))
-              ], 2112)) : vue.createCommentVNode("v-if", true)
-            ], 2)
-          ], 2), [
-            [vue.vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["name"]);
-    };
+const alertEffects = ["light", "dark"];
+const alertProps = props.buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    values: objects.keysOf(icon.TypeComponentsMap),
+    default: "info"
+  },
+  closable: {
+    type: Boolean,
+    default: true
+  },
+  closeText: {
+    type: String,
+    default: ""
+  },
+  showIcon: Boolean,
+  center: Boolean,
+  effect: {
+    type: String,
+    values: alertEffects,
+    default: "light"
   }
 });
-var Alert = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/alert/src/alert.vue"]]);
 
-exports["default"] = Alert;
+exports.alertEffects = alertEffects;
+exports.alertProps = alertProps;
 //# sourceMappingURL=alert.js.map

package/lib/components/alert/src/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"visible\"\n      :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n    >\n      <ps-icon\n        v-if=\"showIcon && iconComponent\"\n        :class=\"[ns.e('icon'), isBigIcon]\"\n      >\n        <component :is=\"iconComponent\" />\n      </ps-icon>\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n          >\n            {{ closeText }}\n          </div>\n          <ps-icon v-else :class=\"ns.e('close-btn')\">\n            <Close />\n          </ps-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\nimport { alertProps } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'PsAlert',\n})\n\nconst props = defineProps(alertProps)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\n// state\nconst visible = ref(true)\n\n// computed\nconst iconComponent = computed(\n  () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n)\nconst isBigIcon = computed(\n  () => props.description || { [ns.is('big')]: slots.default }\n)\nconst isBoldTitle = computed(\n  () => props.description || { [ns.is('bold')]: slots.default }\n)\n\n</script>\n"],"names":["TypeComponents","useSlots","useNamespace","ref","computed","TypeComponentsMap"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+CA,IAAA,MAAA,EAAA,KAAA,EAAA,GAAAA,mBAAA,CAAA;AAOA,IAAA,MAAA,QAAAC,YAAA,EAAA,CAAA;AAEA,IAAA,MAAA,EAAA,GAAAC,mBAAA,OAAA,CAAA,CAAA;AAGA,IAAA,MAAA,OAAA,GAAAC,QAAA,IAAA,CAAA,CAAA;AAGA,IAAA,MAAA,gBAAAC,YACA,CAAA,MAAAC,uBAAA,KAAA,CAAA,IAAA,CAAA,IAAAA,uBAAA,MACA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,GAAAD,YAAA,CACA,MAAA,KAAA,CAAA,WAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA,EACA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAA,YAAA,CACA,MAAA,KAAA,CAAA,WAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,GAAA,KAAA,CAAA,OAAA,EACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"alert.js","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Alert from './alert.vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    values: keysOf(TypeComponentsMap),\n    default: 'info',\n  },\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  closeText: {\n    type: String,\n    default: '',\n  },\n  showIcon: Boolean,\n  center: Boolean,\n  effect: {\n    type: String,\n    values: alertEffects,\n    default: 'light',\n  },\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport type AlertInstance = InstanceType<typeof Alert>\n"],"names":["buildProps","keysOf","TypeComponentsMap"],"mappings":";;;;;;;;;AACY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAGA,gBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,cAAM,CAACC,sBAAiB,CAAC;AACrC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;;"}

package/lib/components/alert/src/alert2.js

@@ -2,43 +2,92 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
 require('../../../utils/index.js');
-var props = require('../../../utils/vue/props.js');
-var objects = require('../../../utils/objects.js');
+require('../../../hooks/index.js');
+var alert = require('./alert.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var icon = require('../../../utils/vue/icon.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const alertEffects = ["light", "dark"];
-const alertProps = props.buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  description: {
-    type: String,
-    default: ""
-  },
-  type: {
-    type: String,
-    values: objects.keysOf(icon.TypeComponentsMap),
-    default: "info"
-  },
-  closable: {
-    type: Boolean,
-    default: true
-  },
-  closeText: {
-    type: String,
-    default: ""
-  },
-  showIcon: Boolean,
-  center: Boolean,
-  effect: {
-    type: String,
-    values: alertEffects,
-    default: "light"
+const __default__ = {
+  name: "PsAlert"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: alert.alertProps,
+  setup(__props) {
+    const props = __props;
+    const { Close } = icon.TypeComponents;
+    const slots = vue.useSlots();
+    const ns = index.useNamespace("alert");
+    const visible = vue.ref(true);
+    const iconComponent = vue.computed(() => icon.TypeComponentsMap[props.type] || icon.TypeComponentsMap["info"]);
+    const isBigIcon = vue.computed(() => props.description || { [ns.is("big")]: slots.default });
+    const isBoldTitle = vue.computed(() => props.description || { [ns.is("bold")]: slots.default });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: vue.unref(ns).b("fade")
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("div", {
+            class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.type), vue.unref(ns).is("center", _ctx.center), vue.unref(ns).is(_ctx.effect)]),
+            role: "alert"
+          }, [
+            _ctx.showIcon && vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.PsIcon), {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(isBigIcon)])
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
+              ]),
+              _: 1
+            }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("content"))
+            }, [
+              _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                class: vue.normalizeClass([vue.unref(ns).e("title"), vue.unref(isBoldTitle)])
+              }, [
+                vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+                ])
+              ], 2)) : vue.createCommentVNode("v-if", true),
+              _ctx.$slots.default || _ctx.description ? (vue.openBlock(), vue.createElementBlock("p", {
+                key: 1,
+                class: vue.normalizeClass(vue.unref(ns).e("description"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
+                ])
+              ], 2)) : vue.createCommentVNode("v-if", true),
+              _ctx.closable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: vue.normalizeClass([vue.unref(ns).e("close-btn"), vue.unref(ns).is("customed")])
+                }, vue.toDisplayString(_ctx.closeText), 3)) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.PsIcon), {
+                  key: 1,
+                  class: vue.normalizeClass(vue.unref(ns).e("close-btn"))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(Close))
+                  ]),
+                  _: 1
+                }, 8, ["class"]))
+              ], 2112)) : vue.createCommentVNode("v-if", true)
+            ], 2)
+          ], 2), [
+            [vue.vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
   }
 });
+var Alert = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/alert/src/alert.vue"]]);
 
-exports.alertEffects = alertEffects;
-exports.alertProps = alertProps;
+exports["default"] = Alert;
 //# sourceMappingURL=alert2.js.map

package/lib/components/alert/src/alert2.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert2.js","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Alert from './alert.vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    values: keysOf(TypeComponentsMap),\n    default: 'info',\n  },\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  closeText: {\n    type: String,\n    default: '',\n  },\n  showIcon: Boolean,\n  center: Boolean,\n  effect: {\n    type: String,\n    values: alertEffects,\n    default: 'light',\n  },\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport type AlertInstance = InstanceType<typeof Alert>\n"],"names":["buildProps","keysOf","TypeComponentsMap"],"mappings":";;;;;;;;;AACY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAGA,gBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,cAAM,CAACC,sBAAiB,CAAC;AACrC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;;"}
+{"version":3,"file":"alert2.js","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"visible\"\n      :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n    >\n      <ps-icon\n        v-if=\"showIcon && iconComponent\"\n        :class=\"[ns.e('icon'), isBigIcon]\"\n      >\n        <component :is=\"iconComponent\" />\n      </ps-icon>\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n          >\n            {{ closeText }}\n          </div>\n          <ps-icon v-else :class=\"ns.e('close-btn')\">\n            <Close />\n          </ps-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\nimport { alertProps } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'PsAlert',\n})\n\nconst props = defineProps(alertProps)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\n// state\nconst visible = ref(true)\n\n// computed\nconst iconComponent = computed(\n  () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n)\nconst isBigIcon = computed(\n  () => props.description || { [ns.is('big')]: slots.default }\n)\nconst isBoldTitle = computed(\n  () => props.description || { [ns.is('bold')]: slots.default }\n)\n\n</script>\n"],"names":["TypeComponents","useSlots","useNamespace","ref","computed","TypeComponentsMap"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+CA,IAAA,MAAA,EAAA,KAAA,EAAA,GAAAA,mBAAA,CAAA;AAOA,IAAA,MAAA,QAAAC,YAAA,EAAA,CAAA;AAEA,IAAA,MAAA,EAAA,GAAAC,mBAAA,OAAA,CAAA,CAAA;AAGA,IAAA,MAAA,OAAA,GAAAC,QAAA,IAAA,CAAA,CAAA;AAGA,IAAA,MAAA,gBAAAC,YACA,CAAA,MAAAC,uBAAA,KAAA,CAAA,IAAA,CAAA,IAAAA,uBAAA,MACA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,GAAAD,YAAA,CACA,MAAA,KAAA,CAAA,WAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA,EACA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAA,YAAA,CACA,MAAA,KAAA,CAAA,WAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,GAAA,KAAA,CAAA,OAAA,EACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}