@sdata/web-vue 1.18.0 → 2.1.0

package/es/badge/style/index.css

@@ -39,25 +39,25 @@
   right: unset;
 }
 .sd-badge-custom-dot {
-  background-color: var(--color-bg-2);
+  background-color: var(--sd-color-bg-2);
 }
 .sd-badge-number, .sd-badge-text {
   min-width: 20px;
   height: 20px;
   padding: 0 6px;
-  color: var(--color-white);
+  color: var(--sd-color-white);
   font-weight: 500;
   font-size: 12px;
   line-height: 20px;
-  background-color: rgb(var(--danger-6));
-  box-shadow: 0 0 0 2px var(--color-bg-2);
+  background-color: rgb(var(--sd-danger-6));
+  box-shadow: 0 0 0 2px var(--sd-color-bg-2);
 }
 .sd-badge-dot {
   width: 6px;
   height: 6px;
-  background-color: rgb(var(--danger-6));
-  border-radius: var(--border-radius-circle);
-  box-shadow: 0 0 0 2px var(--color-bg-2);
+  background-color: rgb(var(--sd-danger-6));
+  border-radius: var(--sd-border-radius-circle);
+  box-shadow: 0 0 0 2px var(--sd-color-bg-2);
 }
 .sd-badge-no-children .sd-badge-dot, .sd-badge-no-children .sd-badge-number, .sd-badge-no-children .sd-badge-text {
   position: relative;
@@ -74,62 +74,62 @@
   display: inline-block;
   width: 6px;
   height: 6px;
-  border-radius: var(--border-radius-circle);
+  border-radius: var(--sd-border-radius-circle);
 }
 .sd-badge-status-normal {
-  background-color: var(--color-fill-4);
+  background-color: var(--sd-color-fill-4);
 }
 .sd-badge-status-processing {
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
 }
 .sd-badge-status-success {
-  background-color: rgb(var(--success-6));
+  background-color: rgb(var(--sd-success-6));
 }
 .sd-badge-status-warning {
-  background-color: rgb(var(--warning-6));
+  background-color: rgb(var(--sd-warning-6));
 }
 .sd-badge-status-danger {
-  background-color: rgb(var(--danger-6));
+  background-color: rgb(var(--sd-danger-6));
 }
 .sd-badge-color-red {
-  background-color: rgb(var(--danger-6));
+  background-color: rgb(var(--sd-danger-6));
 }
 .sd-badge-color-orangered {
   background-color: #f77234;
 }
 .sd-badge-color-orange {
-  background-color: rgb(var(--orange-6));
+  background-color: rgb(var(--sd-orange-6));
 }
 .sd-badge-color-gold {
-  background-color: rgb(var(--gold-6));
+  background-color: rgb(var(--sd-gold-6));
 }
 .sd-badge-color-lime {
-  background-color: rgb(var(--lime-6));
+  background-color: rgb(var(--sd-lime-6));
 }
 .sd-badge-color-green {
-  background-color: rgb(var(--success-6));
+  background-color: rgb(var(--sd-success-6));
 }
 .sd-badge-color-cyan {
-  background-color: rgb(var(--cyan-6));
+  background-color: rgb(var(--sd-cyan-6));
 }
 .sd-badge-color-sdblue {
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
 }
 .sd-badge-color-purple {
-  background-color: rgb(var(--purple-6));
+  background-color: rgb(var(--sd-purple-6));
 }
 .sd-badge-color-pinkpurple {
-  background-color: rgb(var(--pinkpurple-6));
+  background-color: rgb(var(--sd-pinkpurple-6));
 }
 .sd-badge-color-magenta {
-  background-color: rgb(var(--magenta-6));
+  background-color: rgb(var(--sd-magenta-6));
 }
 .sd-badge-color-gray {
-  background-color: rgb(var(--gray-4));
+  background-color: rgb(var(--sd-gray-4));
 }
 .sd-badge .sd-badge-status-text {
   margin-left: 8px;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-size: 12px;
   line-height: 1.5715;
 }

package/es/breadcrumb/style/index.css

@@ -18,37 +18,37 @@
 .sd-breadcrumb {
   display: inline-flex;
   align-items: center;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 14px;
 }
 .sd-breadcrumb-icon {
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
 }
 .sd-breadcrumb-item {
   display: inline-block;
   padding: 0 4px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   line-height: 24px;
   vertical-align: middle;
 }
 .sd-breadcrumb-item > .sd-icon {
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
 }
 .sd-breadcrumb-item a {
   display: inline-block;
   margin: 0 -4px;
   padding: 0 4px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   text-decoration: none;
   background-color: transparent;
-  border-radius: var(--border-radius-small);
+  border-radius: var(--sd-border-radius-small);
 }
 .sd-breadcrumb-item a:hover {
-  color: rgb(var(--link-6));
-  background-color: var(--color-fill-2);
+  color: rgb(var(--sd-link-6));
+  background-color: var(--sd-color-fill-2);
 }
 .sd-breadcrumb-item:last-child {
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-weight: 500;
 }
 .sd-breadcrumb-item-ellipses {
@@ -56,12 +56,12 @@
   top: -3px;
   display: inline-block;
   padding: 0 4px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
 }
 .sd-breadcrumb-item-separator {
   display: inline-block;
   margin: 0 4px;
-  color: var(--color-text-4);
+  color: var(--sd-color-text-4);
   line-height: 24px;
   vertical-align: middle;
 }
@@ -70,7 +70,7 @@
 }
 .sd-breadcrumb-item-dropdown-icon {
   margin-left: 4px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 12px;
 }
 .sd-breadcrumb-item-dropdown-icon-active svg {

package/es/button/button-group.js

@@ -5,6 +5,6 @@ import { createElementBlock, normalizeClass, openBlock, renderSlot } from "vue";
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.prefixCls) }, [renderSlot(_ctx.$slots, "default")], 2);
 }
-var button_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(button_group_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var button_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(button_group_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { button_group_default as default };

package/es/button/button.js

@@ -36,6 +36,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		spin: true
 	})) : renderSlot(_ctx.$slots, "icon", { key: 1 })], 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_2));
 }
-var button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(button_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(button_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { button_default as default };

package/es/button/button.vue.d.ts

@@ -81,11 +81,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     onClick?: ((_ev: MouseEvent) => any) | undefined;
 }>, {
-    autofocus: boolean;
     disabled: boolean;
+    autofocus: boolean;
     loading: boolean;
     long: boolean;
-    htmlType: "reset" | "submit" | "button";
+    htmlType: "button" | "reset" | "submit";
 }, {}, {
     IconLoading: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/button/index.d.ts

@@ -48,11 +48,11 @@ declare const Button: {
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_ev: MouseEvent) => true;
     }, import("vue").PublicProps, {
-        autofocus: boolean;
         disabled: boolean;
+        autofocus: boolean;
         loading: boolean;
         long: boolean;
-        htmlType: "reset" | "submit" | "button";
+        htmlType: "button" | "reset" | "submit";
     }, true, {}, {}, {
         IconLoading: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -225,11 +225,11 @@ declare const Button: {
         mergedDisabled: import("vue").ComputedRef<boolean>;
         handleClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, {
-        autofocus: boolean;
         disabled: boolean;
+        autofocus: boolean;
         loading: boolean;
         long: boolean;
-        htmlType: "reset" | "submit" | "button";
+        htmlType: "button" | "reset" | "submit";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -279,11 +279,11 @@ declare const Button: {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (_ev: MouseEvent) => true;
 }, string, {
-    autofocus: boolean;
     disabled: boolean;
+    autofocus: boolean;
     loading: boolean;
     long: boolean;
-    htmlType: "reset" | "submit" | "button";
+    htmlType: "button" | "reset" | "submit";
 }, {}, string, {}, {
     IconLoading: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/button/style/index.css

@@ -53,7 +53,7 @@
   text-decoration: none;
 }
 .sd-btn-link:not([href]) {
-  color: var(--color-text-4);
+  color: var(--sd-color-text-4);
 }
 .sd-btn-link:hover {
   text-decoration: none;
@@ -95,21 +95,21 @@
 .sd-btn-outline,
 .sd-btn-outline[type=button],
 .sd-btn-outline[type=submit] {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
   background-color: transparent;
-  border: 1px solid rgb(var(--primary-6));
+  border: 1px solid rgb(var(--sd-primary-6));
 }
 .sd-btn-outline:focus-visible,
 .sd-btn-outline[type=button]:focus-visible,
 .sd-btn-outline[type=submit]:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--primary-3));
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-primary-3));
 }
 .sd-btn-outline.sd-btn-loading,
 .sd-btn-outline[type=button].sd-btn-loading,
 .sd-btn-outline[type=submit].sd-btn-loading {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
   background-color: transparent;
-  border: 1px solid rgb(var(--primary-6));
+  border: 1px solid rgb(var(--sd-primary-6));
 }
 .sd-btn-outline.sd-btn-disabled,
 .sd-btn-outline[type=button].sd-btn-disabled,
@@ -143,19 +143,19 @@
 .sd-btn-primary[type=button],
 .sd-btn-primary[type=submit] {
   color: #fff;
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
   border: 1px solid transparent;
 }
 .sd-btn-primary:focus-visible,
 .sd-btn-primary[type=button]:focus-visible,
 .sd-btn-primary[type=submit]:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--primary-3));
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-primary-3));
 }
 .sd-btn-primary.sd-btn-loading,
 .sd-btn-primary[type=button].sd-btn-loading,
 .sd-btn-primary[type=submit].sd-btn-loading {
   color: #fff;
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
   border: 1px solid transparent;
 }
 .sd-btn-primary.sd-btn-disabled,
@@ -189,20 +189,20 @@
 .sd-btn-secondary,
 .sd-btn-secondary[type=button],
 .sd-btn-secondary[type=submit] {
-  color: var(--color-text-2);
-  background-color: var(--color-secondary);
+  color: var(--sd-color-text-2);
+  background-color: var(--sd-color-secondary);
   border: 1px solid transparent;
 }
 .sd-btn-secondary:focus-visible,
 .sd-btn-secondary[type=button]:focus-visible,
 .sd-btn-secondary[type=submit]:focus-visible {
-  box-shadow: 0 0 0 0.25em var(--color-neutral-4);
+  box-shadow: 0 0 0 0.25em var(--sd-color-neutral-4);
 }
 .sd-btn-secondary.sd-btn-loading,
 .sd-btn-secondary[type=button].sd-btn-loading,
 .sd-btn-secondary[type=submit].sd-btn-loading {
-  color: var(--color-text-2);
-  background-color: var(--color-secondary);
+  color: var(--sd-color-text-2);
+  background-color: var(--sd-color-secondary);
   border: 1px solid transparent;
 }
 .sd-btn-secondary.sd-btn-disabled,
@@ -236,21 +236,21 @@
 .sd-btn-dashed,
 .sd-btn-dashed[type=button],
 .sd-btn-dashed[type=submit] {
-  color: var(--color-text-2);
-  background-color: var(--color-fill-2);
-  border: 1px dashed var(--color-neutral-3);
+  color: var(--sd-color-text-2);
+  background-color: var(--sd-color-fill-2);
+  border: 1px dashed var(--sd-color-neutral-3);
 }
 .sd-btn-dashed:focus-visible,
 .sd-btn-dashed[type=button]:focus-visible,
 .sd-btn-dashed[type=submit]:focus-visible {
-  box-shadow: 0 0 0 0.25em var(--color-neutral-4);
+  box-shadow: 0 0 0 0.25em var(--sd-color-neutral-4);
 }
 .sd-btn-dashed.sd-btn-loading,
 .sd-btn-dashed[type=button].sd-btn-loading,
 .sd-btn-dashed[type=submit].sd-btn-loading {
-  color: var(--color-text-2);
-  background-color: var(--color-fill-2);
-  border: 1px dashed var(--color-neutral-3);
+  color: var(--sd-color-text-2);
+  background-color: var(--sd-color-fill-2);
+  border: 1px dashed var(--sd-color-neutral-3);
 }
 .sd-btn-dashed.sd-btn-disabled,
 .sd-btn-dashed[type=button].sd-btn-disabled,
@@ -283,19 +283,19 @@
 .sd-btn-text,
 .sd-btn-text[type=button],
 .sd-btn-text[type=submit] {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
   background-color: transparent;
   border: 1px solid transparent;
 }
 .sd-btn-text:focus-visible,
 .sd-btn-text[type=button]:focus-visible,
 .sd-btn-text[type=submit]:focus-visible {
-  box-shadow: 0 0 0 0.25em var(--color-neutral-4);
+  box-shadow: 0 0 0 0.25em var(--sd-color-neutral-4);
 }
 .sd-btn-text.sd-btn-loading,
 .sd-btn-text[type=button].sd-btn-loading,
 .sd-btn-text[type=submit].sd-btn-loading {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
   background-color: transparent;
   border: 1px solid transparent;
 }
@@ -331,7 +331,7 @@
   height: 24px;
   padding: 0 11px;
   font-size: 12px;
-  border-radius: var(--border-radius-small);
+  border-radius: var(--sd-border-radius-small);
 }
 .sd-btn-size-mini:not(.sd-btn-only-icon) .sd-btn-icon {
   margin-right: 4px;
@@ -356,7 +356,7 @@
   height: 24px;
   padding: 0;
   text-align: center;
-  border-radius: var(--border-radius-circle);
+  border-radius: var(--sd-border-radius-circle);
 }
 
 .sd-btn-size-mini.sd-btn-shape-round {
@@ -367,7 +367,7 @@
   height: 28px;
   padding: 0 15px;
   font-size: 14px;
-  border-radius: var(--border-radius-small);
+  border-radius: var(--sd-border-radius-small);
 }
 .sd-btn-size-small:not(.sd-btn-only-icon) .sd-btn-icon {
   margin-right: 6px;
@@ -392,7 +392,7 @@
   height: 28px;
   padding: 0;
   text-align: center;
-  border-radius: var(--border-radius-circle);
+  border-radius: var(--sd-border-radius-circle);
 }
 
 .sd-btn-size-small.sd-btn-shape-round {
@@ -403,7 +403,7 @@
   height: 32px;
   padding: 0 15px;
   font-size: 14px;
-  border-radius: var(--border-radius-small);
+  border-radius: var(--sd-border-radius-small);
 }
 .sd-btn-size-medium:not(.sd-btn-only-icon) .sd-btn-icon {
   margin-right: 8px;
@@ -428,7 +428,7 @@
   height: 32px;
   padding: 0;
   text-align: center;
-  border-radius: var(--border-radius-circle);
+  border-radius: var(--sd-border-radius-circle);
 }
 
 .sd-btn-size-medium.sd-btn-shape-round {
@@ -439,7 +439,7 @@
   height: 36px;
   padding: 0 19px;
   font-size: 14px;
-  border-radius: var(--border-radius-small);
+  border-radius: var(--sd-border-radius-small);
 }
 .sd-btn-size-large:not(.sd-btn-only-icon) .sd-btn-icon {
   margin-right: 8px;
@@ -464,7 +464,7 @@
   height: 36px;
   padding: 0;
   text-align: center;
-  border-radius: var(--border-radius-circle);
+  border-radius: var(--sd-border-radius-circle);
 }
 
 .sd-btn-size-large.sd-btn-shape-round {
@@ -480,19 +480,19 @@
   margin-left: -1px;
 }
 .sd-btn-group .sd-btn-primary:not(:last-child) {
-  border-right: 1px solid rgb(var(--primary-5));
+  border-right: 1px solid rgb(var(--sd-primary-5));
 }
 .sd-btn-group .sd-btn-secondary:not(:last-child) {
-  border-right: 1px solid var(--color-secondary-hover);
+  border-right: 1px solid var(--sd-color-secondary-hover);
 }
 .sd-btn-group .sd-btn-status-warning:not(:last-child) {
-  border-right: 1px solid rgb(var(--warning-5));
+  border-right: 1px solid rgb(var(--sd-warning-5));
 }
 .sd-btn-group .sd-btn-status-danger:not(:last-child) {
-  border-right: 1px solid rgb(var(--danger-5));
+  border-right: 1px solid rgb(var(--sd-danger-5));
 }
 .sd-btn-group .sd-btn-status-success:not(:last-child) {
-  border-right: 1px solid rgb(var(--success-5));
+  border-right: 1px solid rgb(var(--sd-success-5));
 }
 .sd-btn-group .sd-btn-outline:hover, .sd-btn-group .sd-btn-outline:active,
 .sd-btn-group .sd-btn-dashed:hover,

package/es/calendar/components/body.js

@@ -0,0 +1,5 @@
+import body_vue_vue_type_script_setup_true_lang_default from "./body.vue_vue_type_script_setup_true_lang.js";
+//#region components/calendar/components/body.vue
+var body_default = body_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { body_default as default };

package/es/calendar/components/body.vue.d.ts

@@ -0,0 +1,100 @@
+declare var __VLS_14: {
+    cell: {
+        goNarrower: () => any;
+        goBroader: () => any;
+        broader: any;
+        narrower: any;
+        schedule?: string | number | undefined;
+        start: Date;
+        end: Date;
+        events: import("vue").ComputedRef<any>;
+        today: any;
+        content: any;
+    };
+}, __VLS_17: {
+    cell: {
+        goNarrower: () => any;
+        goBroader: () => any;
+        broader: any;
+        narrower: any;
+        schedule?: string | number | undefined;
+        start: Date;
+        end: Date;
+        events: import("vue").ComputedRef<any>;
+        today: any;
+        content: any;
+    };
+    view: Record<string, any>;
+}, __VLS_20: {
+    cell: {
+        goNarrower: () => any;
+        goBroader: () => any;
+        broader: any;
+        narrower: any;
+        schedule?: string | number | undefined;
+        start: Date;
+        end: Date;
+        events: import("vue").ComputedRef<any>;
+        today: any;
+        content: any;
+    };
+    view: Record<string, any>;
+}, __VLS_23: {
+    cell: {
+        goNarrower: () => any;
+        goBroader: () => any;
+        broader: any;
+        narrower: any;
+        schedule?: string | number | undefined;
+        start: Date;
+        end: Date;
+        events: import("vue").ComputedRef<any>;
+        today: any;
+        content: any;
+    };
+    view: Record<string, any>;
+}, __VLS_27: `event.${any}`, __VLS_28: {
+    event: Record<string, any>;
+}, __VLS_31: {
+    event: Record<string, any>;
+}, __VLS_34: {
+    event: Record<string, any>;
+}, __VLS_37: {
+    events: any;
+}, __VLS_40: {
+    range: any;
+    schedule: any;
+}, __VLS_43: {
+    now: any;
+    timeFormatted: any;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_27>]?: (props: typeof __VLS_28) => any;
+} & {
+    cell?: (props: typeof __VLS_14) => any;
+} & {
+    'cell-date'?: (props: typeof __VLS_17) => any;
+} & {
+    'cell-content'?: (props: typeof __VLS_20) => any;
+} & {
+    'cell-events'?: (props: typeof __VLS_23) => any;
+} & {
+    'event.all-day'?: (props: typeof __VLS_31) => any;
+} & {
+    event?: (props: typeof __VLS_34) => any;
+} & {
+    'event-count'?: (props: typeof __VLS_37) => any;
+} & {
+    'special-hours-label'?: (props: typeof __VLS_40) => any;
+} & {
+    'now-line'?: (props: typeof __VLS_43) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};