@seresweb/website-component 2.2.2 → 2.3.0
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.
- package/README.md +5 -4
- package/dist/_icons-DtBTpiO2.cjs +11 -0
- package/dist/_icons-FW35XHO0.js +14 -0
- package/dist/_utils-B7LThWoT.js +26 -0
- package/dist/_utils-CtkVBTg-.cjs +1 -0
- package/dist/cjs/checkbox.cjs +1 -0
- package/dist/cjs/col.cjs +1 -0
- package/dist/cjs/config-provider.cjs +1 -0
- package/dist/cjs/date-picker.cjs +1 -0
- package/dist/cjs/date-select.cjs +1 -0
- package/dist/cjs/horizontal-viewer.cjs +1 -1
- package/dist/cjs/image-indicator.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/input.cjs +1 -1
- package/dist/cjs/layz-image.cjs +1 -1
- package/dist/cjs/locales.cjs +1 -0
- package/dist/cjs/parameter-box.cjs +1 -1
- package/dist/cjs/radio.cjs +1 -1
- package/dist/cjs/row.cjs +1 -0
- package/dist/cjs/select.cjs +1 -0
- package/dist/cjs/swiper-normal.cjs +1 -1
- package/dist/cjs/swiper-showcase.cjs +1 -1
- package/dist/cjs/tab-indicator.cjs +1 -1
- package/dist/css/checkbox.css +1 -0
- package/dist/css/col.css +1 -0
- package/dist/css/date-picker.css +1 -0
- package/dist/css/date-select.css +1 -0
- package/dist/css/input.css +1 -1
- package/dist/css/radio.css +1 -1
- package/dist/css/row.css +1 -0
- package/dist/css/select.css +1 -0
- package/dist/en-US-BBTWftdk.js +35 -0
- package/dist/en-US-UkqgG0fb.cjs +1 -0
- package/dist/es/checkbox.mjs +82 -0
- package/dist/es/col.mjs +48 -0
- package/dist/es/config-provider.mjs +17 -0
- package/dist/es/date-picker.mjs +6 -0
- package/dist/es/date-select.mjs +113 -0
- package/dist/es/horizontal-viewer.mjs +1 -1
- package/dist/es/image-indicator.mjs +1 -1
- package/dist/es/index.mjs +61 -41
- package/dist/es/input.mjs +17 -16
- package/dist/es/layz-image.mjs +18 -17
- package/dist/es/locales.mjs +41 -0
- package/dist/es/parameter-box.mjs +123 -85
- package/dist/es/radio.mjs +27 -23
- package/dist/es/row.mjs +63 -0
- package/dist/es/select.mjs +210 -0
- package/dist/es/swiper-normal.mjs +1 -1
- package/dist/es/swiper-showcase.mjs +37 -37
- package/dist/es/tab-indicator.mjs +65 -79
- package/dist/global.d.ts +8 -0
- package/dist/index-B-sVxtkA.cjs +1 -0
- package/dist/{index-tkvNmWjy.js → index-BPX4w5Vn.js} +113 -106
- package/dist/index-Bc4wAl0z.js +644 -0
- package/dist/index-CEjz1ubF.cjs +1 -0
- package/dist/index.css +1 -1
- package/dist/scss/checkbox.scss +155 -0
- package/dist/scss/col.scss +16 -0
- package/dist/scss/date-picker.scss +226 -0
- package/dist/scss/date-select.scss +41 -0
- package/dist/scss/index.scss +6 -0
- package/dist/scss/input.scss +44 -4
- package/dist/scss/radio.scss +6 -6
- package/dist/scss/row.scss +10 -0
- package/dist/scss/select.scss +210 -0
- package/dist/types/components/_icons.d.ts +4 -0
- package/dist/types/components/_utils.d.ts +4 -0
- package/dist/types/components/checkbox/checkbox.vue.d.ts +24 -0
- package/dist/types/components/checkbox/index.d.ts +6 -0
- package/dist/types/components/checkbox/type.d.ts +30 -0
- package/dist/types/components/col/col.vue.d.ts +21 -0
- package/dist/types/components/col/index.d.ts +6 -0
- package/dist/types/components/col/type.d.ts +24 -0
- package/dist/types/components/config-provider/config-provider.vue.d.ts +20 -0
- package/dist/types/components/config-provider/index.d.ts +27 -0
- package/dist/types/components/config-provider/type.d.ts +4 -0
- package/dist/types/components/date-picker/date-picker.vue.d.ts +16 -0
- package/dist/types/components/date-picker/index.d.ts +53 -0
- package/dist/types/components/date-picker/type.d.ts +12 -0
- package/dist/types/components/date-select/date-select.vue.d.ts +16 -0
- package/dist/types/components/date-select/index.d.ts +7 -0
- package/dist/types/components/date-select/type.d.ts +16 -0
- package/dist/types/components/index.d.ts +8 -0
- package/dist/types/components/input/input.vue.d.ts +1 -0
- package/dist/types/components/input/type.d.ts +1 -0
- package/dist/types/components/locales/ar-SA.d.ts +20 -0
- package/dist/types/components/locales/en-US.d.ts +20 -0
- package/dist/types/components/locales/index.d.ts +44 -0
- package/dist/types/components/radio/radio.vue.d.ts +2 -2
- package/dist/types/components/row/index.d.ts +6 -0
- package/dist/types/components/row/row.vue.d.ts +23 -0
- package/dist/types/components/row/type.d.ts +7 -0
- package/dist/types/components/select/index.d.ts +7 -0
- package/dist/types/components/select/select.vue.d.ts +48 -0
- package/dist/types/components/select/type.d.ts +20 -0
- package/dist/types/components/swiper-normal/swiper-normal.vue.d.ts +2 -2
- package/dist/types/components/swiper-vehicle/swiper-vehicle.vue.d.ts +2 -2
- package/dist/types/components/tab-indicator/tab-indicator.vue.d.ts +2 -2
- package/package.json +2 -1
- package/dist/index-BIPlvoY9.cjs +0 -1
package/README.md
CHANGED
|
@@ -94,7 +94,7 @@ import { ScDropdown } from '@seresweb/website-component'
|
|
|
94
94
|
</script>
|
|
95
95
|
```
|
|
96
96
|
|
|
97
|
-
##
|
|
97
|
+
## 开发手册
|
|
98
98
|
|
|
99
99
|
全局组件命名规则:`Sc` + 组件名称,例:`ScCard`,其中`Sc`来自`@seresweb/website-component`的`seres`和`component`的首字母(不采用 swc 这个保留字)。
|
|
100
100
|
|
|
@@ -109,9 +109,10 @@ import { ScDropdown } from '@seresweb/website-component'
|
|
|
109
109
|
### 开发流程
|
|
110
110
|
|
|
111
111
|
1. 在`packages/components`下新增以`组件名称`作为组件目录。
|
|
112
|
-
2. 在组件目录下新增`index.ts`和需要的组件,并在`index.ts
|
|
113
|
-
3.
|
|
114
|
-
4.
|
|
112
|
+
2. 在组件目录下新增`index.ts`和需要的组件,并在`index.ts`的完善自动注册并导出。
|
|
113
|
+
3. 在`packages/styles`下新增以`组件名称`作为样式文件,如`layz-image.scss`,并在`index.scss`中导入。
|
|
114
|
+
4. 无需修改`components`下的`index.ts`,因为已经在`resolver.ts`中做了自动处理。
|
|
115
|
+
5. 在`dev/test-components`下调试组件。
|
|
115
116
|
|
|
116
117
|
## 发布
|
|
117
118
|
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";const o=`<svg
|
|
2
|
+
viewBox="0 0 1024 1024"
|
|
3
|
+
version="1.1"
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="200"
|
|
6
|
+
height="200"
|
|
7
|
+
>
|
|
8
|
+
<path
|
|
9
|
+
d="M512 622.336L200.874667 311.125333l-60.416 60.416L512 742.997333l371.541333-371.456-60.416-60.416L512 622.336z"
|
|
10
|
+
></path>
|
|
11
|
+
</svg>`;exports.ChevronDownIcon=o;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
const o = `<svg
|
|
2
|
+
viewBox="0 0 1024 1024"
|
|
3
|
+
version="1.1"
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="200"
|
|
6
|
+
height="200"
|
|
7
|
+
>
|
|
8
|
+
<path
|
|
9
|
+
d="M512 622.336L200.874667 311.125333l-60.416 60.416L512 742.997333l371.541333-371.456-60.416-60.416L512 622.336z"
|
|
10
|
+
></path>
|
|
11
|
+
</svg>`;
|
|
12
|
+
export {
|
|
13
|
+
o as C
|
|
14
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
const u = (s, t, e = 500) => {
|
|
2
|
+
if (!s) return;
|
|
3
|
+
const n = s.scrollLeft;
|
|
4
|
+
let a = null;
|
|
5
|
+
const c = (r) => {
|
|
6
|
+
a || (a = r);
|
|
7
|
+
const o = r - a;
|
|
8
|
+
if (o >= e)
|
|
9
|
+
s.scrollLeft = t;
|
|
10
|
+
else {
|
|
11
|
+
const l = i(o, n, t - n, e);
|
|
12
|
+
s.scrollLeft = l, requestAnimationFrame(c);
|
|
13
|
+
}
|
|
14
|
+
}, i = (r, o, l, f) => (r /= f / 2, r < 1 ? l / 2 * r + o : (r--, -l / 2 * (r * (r - 2) - 1) + o));
|
|
15
|
+
requestAnimationFrame(c);
|
|
16
|
+
}, L = (s) => {
|
|
17
|
+
const t = s;
|
|
18
|
+
return t.install = (e) => {
|
|
19
|
+
const n = s.name || s.__name;
|
|
20
|
+
n && e.component(n, s);
|
|
21
|
+
}, t;
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
u as s,
|
|
25
|
+
L as w
|
|
26
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const u=(s,t,l=500)=>{if(!s)return;const o=s.scrollLeft;let c=null;const i=r=>{c||(c=r);const n=r-c;if(n>=l)s.scrollLeft=t;else{const e=a(n,o,t-o,l);s.scrollLeft=e,requestAnimationFrame(i)}},a=(r,n,e,f)=>(r/=f/2,r<1?e/2*r+n:(r--,-e/2*(r*(r-2)-1)+n));requestAnimationFrame(i)},L=s=>{const t=s;return t.install=l=>{const o=s.name||s.__name;o&&l.component(o,s)},t};exports.smoothScrollLeftTo=u;exports.withInstall=L;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("../_vars-CyrPevgT.cjs"),b=["id","name","value","checked","disabled"],r=e.defineComponent({__name:"checkbox",props:{id:{},name:{},value:{},modelValue:{type:[Boolean,Array]},label:{},disabled:{type:Boolean},dark:{type:Boolean}},emits:["change","update:modelValue"],setup(c,{emit:u}){const l=c,s=u,i=e.computed(()=>Array.isArray(l.modelValue)?l.modelValue.includes(l.value):l.modelValue),m=a=>{const t=a.target.checked;if(Array.isArray(l.modelValue)){const o=[...l.modelValue];if(t)o.push(l.value);else{const d=o.indexOf(l.value);d>-1&&o.splice(d,1)}s("update:modelValue",o),s("change",o)}else s("update:modelValue",t),s("change",t)};return(a,h)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-checkbox`,a.disabled&&`${e.unref(n.PREFIX)}-disabled`,a.dark&&`${e.unref(n.PREFIX)}-checkbox--dark`])},[e.createElementVNode("input",{type:"checkbox",id:a.id,name:a.name,value:a.value,checked:i.value,disabled:a.disabled,class:e.normalizeClass(`${e.unref(n.PREFIX)}-checkbox-input`),onChange:m},null,42,b),e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-checkbox-box`)},null,2),e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-checkbox-label`)},[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.label),1)])],2)],2))}});r.install=c=>(c.component("ScCheckbox",r),c);const p=r;exports.ScCheckbox=p;
|
package/dist/cjs/col.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("../_vars-CyrPevgT.cjs"),s=e.defineComponent({__name:"col",props:{span:{default:24},offset:{default:0},xs:{},sm:{},md:{},lg:{},xl:{}},setup(o){const n=o,r=e.inject("rowGutter",0),c=e.computed(()=>typeof r=="object"&&"value"in r?r.value:r||0),u=t=>(t/24*100).toFixed(2)+"%",a=e.computed(()=>[`${l.PREFIX}-col`,`${l.PREFIX}-col--${n.span}`,{[`${l.PREFIX}-col--offset-${n.offset}`]:n.offset>0}]),i=e.computed(()=>{const t=c.value/2;return{width:u(n.span),paddingLeft:`${t}px`,paddingRight:`${t}px`,boxSizing:"border-box"}});return(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(i.value)},[e.renderSlot(t.$slots,"default")],6))}});s.install=o=>(o.component("ScCol",s),o);const p=s;exports.ScCol=p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../_utils-CtkVBTg-.cjs"),e=require("vue"),c=require("../en-US-UkqgG0fb.cjs"),s=e.defineComponent({name:"ScConfigProvider",__name:"config-provider",props:{locale:{default:()=>c.enUS}},setup(r){const t=r;return e.provide("scLocale",t.locale),(n,l)=>e.renderSlot(n.$slots,"default")}}),o=i.withInstall(s);exports.ScConfigProvider=o;exports.default=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../_utils-CtkVBTg-.cjs");const e=require("../index-B-sVxtkA.cjs");exports.ScDatePicker=e.ScDatePicker;exports.default=e.ScDatePicker;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),m=require("../index-B-sVxtkA.cjs"),s=require("../_vars-CyrPevgT.cjs"),h=require("./select.cjs"),S={key:0},p="YYYY-MM-DD",c=l.defineComponent({name:"ScDateSelect",__name:"date-select",props:{modelValue:{default:null},format:{default:p},placeholder:{default:"请选择日期"},disabled:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},minDate:{},maxDate:{}},emits:["update:modelValue","change"],setup(r,{emit:f}){const u=r,t=f,a=l.ref(u.modelValue??null),i=l.computed({get:()=>{if(!a.value)return"";const e=m.dayjs(a.value);return e.isValid()?e.format(u.format||p):""},set:e=>{if(!e){a.value=null,t("update:modelValue",null),t("change",null);return}a.value=e,t("update:modelValue",e),t("change",e)}});l.watch(()=>u.modelValue,e=>{a.value=e??null});const V=(e,n)=>{a.value=e,t("update:modelValue",e),t("change",e),n()},k=e=>{e===null&&(a.value=null,t("update:modelValue",null),t("change",null))};return(e,n)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(`${l.unref(s.PREFIX)}-date-select`)},[l.createVNode(l.unref(h.ScSelect),{modelValue:i.value,"onUpdate:modelValue":n[1]||(n[1]=o=>i.value=o),placeholder:e.placeholder,disabled:e.disabled,dark:e.dark,clearable:e.clearable,onChange:k},{selected:l.withCtx(({value:o,hasValue:d})=>[d?(l.openBlock(),l.createElementBlock("span",S,l.toDisplayString(o),1)):(l.openBlock(),l.createElementBlock("span",{key:1,class:l.normalizeClass(`${l.unref(s.PREFIX)}-date-select__placeholder`)},l.toDisplayString(e.placeholder),3))]),default:l.withCtx(({close:o})=>[l.createElementVNode("div",{class:l.normalizeClass(`${l.unref(s.PREFIX)}-date-select__panel`)},[l.createVNode(l.unref(m.ScDatePicker),{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=d=>a.value=d),dark:e.dark,format:e.format,disabled:e.disabled,"min-date":e.minDate,"max-date":e.maxDate,onChange:d=>V(d,o)},null,8,["modelValue","dark","format","disabled","min-date","max-date","onChange"])],2)]),_:1},8,["modelValue","placeholder","disabled","dark","clearable"])],2))}});c.install=r=>(r.component("ScDateSelect",c),r);const g=c;exports.ScDateSelect=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-CEjz1ubF.cjs");exports.ScHorizontalViewer=e.ScHorizontalViewer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-CEjz1ubF.cjs");exports.ScImageIndicator=e.ScImageIndicator;
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./accordion-info-panel.cjs"),d=require("./animated-number.cjs"),m=require("./checkbox.cjs"),p=require("./col.cjs"),w=require("./config-provider.cjs"),h=require("../index-B-sVxtkA.cjs"),f=require("./date-select.cjs"),g=require("./drawer.cjs"),q=require("./dropdown.cjs"),I=require("./gradual-highlight.cjs"),r=require("../index-CEjz1ubF.cjs"),P=require("./input.cjs"),b=require("./layz-image.cjs"),l=require("./locales.cjs"),v=require("./parameter-box.cjs"),C=require("./radio.cjs"),D=require("./row.cjs"),x=require("./select.cjs"),y=require("./swiper-showcase.cjs"),V=require("./swiper-vehicle.cjs"),N=require("./tab-indicator.cjs"),z=require("./video.cjs"),k=require("../en-US-UkqgG0fb.cjs"),a="@seresweb/website-component",R=(o={})=>{const i=o.prefix||"Sc",e=o.importStyle??"css";return{type:"component",resolve:n=>{if(!n.startsWith(i))return;const s=n.slice(i.length).replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),A=`${a}/dist/es/${s}`;let t;const S=c=>{if(c==="scss")return`${a}/dist/scss/${s}.scss`;if(c==="css")return`${a}/dist/css/${s}.css`};if(typeof e=="function"){const c=e(s);c==="css"||c==="scss"?t=S(c):c===!0&&(t=S("css"))}else(e===!0||e==="css"||e==="scss")&&(t=S(e===!0?"css":e));return{name:n,from:A,sideEffects:t?[t]:void 0}}}},H=[u.ScAccordionInfoPanel,d.ScAnimatedNumber,m.ScCheckbox,p.ScCol,w.ScConfigProvider,h.ScDatePicker,f.ScDateSelect,g.ScDrawer,q.ScDropdown,I.ScGradualHighlight,r.ScHorizontalViewer,r.ScImageIndicator,P.ScInput,b.ScLayzImage,l.ScLocales,v.ScParameterBox,C.ScRadio,D.ScRow,x.ScSelect,r.ScSwiperNormal,y.ScSwiperShowcase,V.ScSwiperVehicle,N.ScTabIndicator,z.ScVideo],L={install:o=>(H.forEach(i=>{o.use(i)}),o)};exports.ScAccordionInfoPanel=u.ScAccordionInfoPanel;exports.ScAnimatedNumber=d.ScAnimatedNumber;exports.ScCheckbox=m.ScCheckbox;exports.ScCol=p.ScCol;exports.ScConfigProvider=w.ScConfigProvider;exports.ScDatePicker=h.ScDatePicker;exports.ScDateSelect=f.ScDateSelect;exports.ScDrawer=g.ScDrawer;exports.ScDropdown=q.ScDropdown;exports.ScGradualHighlight=I.ScGradualHighlight;exports.ScHorizontalViewer=r.ScHorizontalViewer;exports.ScImageIndicator=r.ScImageIndicator;exports.ScSwiperNormal=r.ScSwiperNormal;exports.ScInput=P.ScInput;exports.ScLayzImage=b.ScLayzImage;exports.ScLocales=l.ScLocales;exports.arSA=l.arSA;exports.ScParameterBox=v.ScParameterBox;exports.ScRadio=C.ScRadio;exports.ScRow=D.ScRow;exports.ScSelect=x.ScSelect;exports.ScSwiperShowcase=y.ScSwiperShowcase;exports.ScSwiperVehicle=V.ScSwiperVehicle;exports.ScTabIndicator=N.ScTabIndicator;exports.ScVideo=z.ScVideo;exports.enUS=k.enUS;exports.ComponentsResolver=R;exports.default=L;
|
package/dist/cjs/input.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../_vars-CyrPevgT.cjs"),m=["id","name","type","value","placeholder","maxlength","autocomplete"],n=e.defineComponent({__name:"input",props:{modelValue:{},id:{},name:{},placeholder:{},maxlength:{},type:{default:"text"},autocomplete:{default:"off"},dark:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(l,{emit:r}){const u=r;return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(o.PREFIX)}-input`,{[`${e.unref(o.PREFIX)}-input--dark`]:t.dark}])},[e.createCommentVNode(" 前置内容 "),t.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`${e.unref(o.PREFIX)}-input__prefix`)},[e.renderSlot(t.$slots,"prefix")],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 输入框 "),e.createElementVNode("input",{id:t.id,name:t.name,type:t.type,value:t.modelValue,onInput:a[0]||(a[0]=s=>u("update:modelValue",s.target.value)),placeholder:t.placeholder,maxlength:t.maxlength,autocomplete:t.autocomplete},null,40,m),e.createCommentVNode(" 后置内容 "),t.$slots.suffix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(`${e.unref(o.PREFIX)}-input__suffix`)},[e.renderSlot(t.$slots,"suffix")],2)):e.createCommentVNode("v-if",!0)],2))}});n.install=l=>(l.component("ScInput",n),l);const p=n;exports.ScInput=p;
|
package/dist/cjs/layz-image.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("../_vars-CyrPevgT.cjs"),o=["srcset"],m=["srcset"],i=["srcset"],u=["src","alt"],r=e.defineComponent({__name:"layz-image",props:{src:{},lSrcset:{},mSrcset:{},sSrcset:{},alt:{},class:{},imgClass:{},style:{}},setup(t){const c=t,a=e.computed(()=>[`${l.PREFIX}-img`,c.imgClass]),n=e.computed(()=>[`${l.PREFIX}-picture`,c.class]);return(s,p)=>(e.openBlock(),e.createElementBlock("picture",{class:e.normalizeClass(n.value)},[e.createElementVNode("source",{srcset:s.lSrcset||s.src,media:"(min-width: 1921px)"},null,8,o),e.createElementVNode("source",{srcset:s.mSrcset||s.src,media:"(min-width: 768px)"},null,8,m),e.createElementVNode("source",{srcset:s.sSrcset||s.src,media:"(max-width: 767px)"},null,8,i),e.createElementVNode("img",{src:s.src,alt:s.alt,class:e.normalizeClass(a.value),style:e.normalizeStyle(s.style),loading:"lazy"},null,14,u)],2))}});r.install=t=>(t.component("ScLayzImage",r),t);const d=r;exports.ScLayzImage=d;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../en-US-UkqgG0fb.cjs"),t={datePicker:{months:["يناير","فبراير","مارس","أبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],weekdays:["الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت","الأحد"],today:"اليوم",clear:"مسح",confirm:"تأكيد",cancel:"إلغاء",selectDate:"اختر التاريخ",selectTime:"اختر الوقت",selectDateTime:"اختر التاريخ والوقت",year:"سنة",month:"شهر",startDate:"تاريخ البدء",endDate:"تاريخ الانتهاء",startTime:"وقت البدء",endTime:"وقت الانتهاء"}},a={enUS:e.enUS,arSA:t};exports.enUS=e.enUS;exports.ScLocales=a;exports.arSA=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("../_vars-CyrPevgT.cjs"),t=require("./animated-number.cjs"),i={key:1},s={key:1},l=e.defineComponent({__name:"parameter-box",props:{dataList:{},isAnimation:{type:Boolean,default:!0},showDivider:{type:Boolean},nameOnTop:{type:Boolean},colorMode:{default:"light"},inline:{type:Boolean}},setup(o){return(r,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-parameter-box`,`${e.unref(n.PREFIX)}-parameter-box--${r.colorMode}`,r.inline&&`${e.unref(n.PREFIX)}-parameter-box--inline`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataList,a=>(e.openBlock(),e.createElementBlock("div",{key:a.name,class:e.normalizeClass(`${e.unref(n.PREFIX)}-parameter-item`)},[r.nameOnTop?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-parameter-wrap`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-item-name`)},e.toDisplayString(a.name),3),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-item-value`)},[typeof a.value=="number"?(e.openBlock(),e.createBlock(e.unref(t.ScAnimatedNumber),{key:0,value:a.value,format:"",direction:"up",isAnimation:r.isAnimation,range:a.value/10},null,8,["value","isAnimation","range"])):(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(a.value),1)),e.createElementVNode("span",null,e.toDisplayString(a.unit),1)],2)],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`${e.unref(n.PREFIX)}-parameter-wrap`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-item-value`)},[typeof a.value=="number"?(e.openBlock(),e.createBlock(e.unref(t.ScAnimatedNumber),{key:0,value:a.value,format:"",direction:"up",isAnimation:r.isAnimation,range:a.value/10},null,8,["value","isAnimation","range"])):(e.openBlock(),e.createElementBlock("span",s,e.toDisplayString(a.value),1)),e.createElementVNode("span",null,e.toDisplayString(a.unit),1)],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-item-name`)},e.toDisplayString(a.name),3)],2))],2))),128))],2))}});l.install=o=>(o.component("ScParameterBox",l),o);const c=l;exports.ScParameterBox=c;
|
package/dist/cjs/radio.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("../_vars-CyrPevgT.cjs"),d=["id","name","value","checked","disabled"],o=e.defineComponent({__name:"radio",props:{modelValue:{type:[String,Number,Boolean]},value:{type:[String,Number,Boolean]},label:{},disabled:{type:Boolean},id:{},name:{}},emits:["change","update:modelValue"],setup(n,{emit:r}){const s=r;return(a,i)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([`${e.unref(l.PREFIX)}-radio`,a.disabled&&`${e.unref(l.PREFIX)}-disabled`])},[e.createElementVNode("input",{type:"radio",id:a.id,name:a.name,value:a.value,checked:a.modelValue===a.value,disabled:a.disabled,class:e.normalizeClass(`${e.unref(l.PREFIX)}-radio-input`),onChange:i[0]||(i[0]=u=>s("update:modelValue",a.value))},null,42,d),e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(l.PREFIX)}-radio-box`)},null,2),e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(l.PREFIX)}-radio-label`)},e.toDisplayString(a.label),3)],2))}});o.install=n=>(n.component("ScRadio",o),n);const t=o;exports.ScRadio=t;
|
package/dist/cjs/row.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../_vars-CyrPevgT.cjs"),a=e.defineComponent({__name:"row",props:{gutter:{default:0},justify:{default:"start"},align:{default:"top"},wrap:{type:Boolean,default:!0}},setup(n){const r=n,o=e.computed(()=>{const t=r.gutter;return typeof t=="number"?t:{small:8,medium:16,large:24}[t]||0}),s=e.computed(()=>[`${u.PREFIX}-row`,{[`${u.PREFIX}-row--wrap`]:r.wrap}]),c=e.computed(()=>{const t=o.value/2;return{"--row-gutter":`${o.value}px`,"--row-margin":`${-t}px`,display:"flex",flexWrap:r.wrap?"wrap":"nowrap",justifyContent:r.justify,alignItems:i(r.align),marginLeft:`${-t}px`,marginRight:`${-t}px`}});function i(t){return{top:"flex-start",middle:"center",bottom:"flex-end",stretch:"stretch"}[t]||"flex-start"}return e.provide("rowGutter",o),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value),style:e.normalizeStyle(c.value)},[e.renderSlot(t.$slots,"default")],6))}});a.install=n=>(n.component("ScRow",a),n);const p=a;exports.ScRow=p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../_vars-CyrPevgT.cjs"),h=require("../_icons-DtBTpiO2.cjs"),$=["innerHTML"],g=["onClick"],f=e.defineComponent({name:"ScSelect",__name:"select",props:{modelValue:{default:null},options:{default:()=>[]},placeholder:{default:"请选择"},disabled:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(s,{expose:v,emit:k}){const n=s,r=k,o=e.ref(!1),E=h.ChevronDownIcon,u=e.ref(),V=e.computed(()=>{if(n.options&&n.options.length>0){const l=n.options.find(d=>d.value===n.modelValue);return l?l.label:""}return""}),c=e.computed(()=>n.options&&n.options.length>0?V.value:n.modelValue===null||n.modelValue===void 0?"":String(n.modelValue)),C=l=>{l.preventDefault(),!n.disabled&&(o.value=!o.value)},i=l=>{l==null||l.preventDefault(),o.value=!1},m=l=>{l.disabled||(r("update:modelValue",l.value),r("change",l.value),i())},_=()=>{r("update:modelValue",null),r("change",null)},p=l=>{const d=l.target;u.value&&!u.value.contains(d)&&(o.value=!1)};return e.onMounted(()=>{document.addEventListener("click",p)}),e.onUnmounted(()=>{document.removeEventListener("click",p)}),v({close:i,selectOption:m}),(l,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:u,class:e.normalizeClass([`${e.unref(t.PREFIX)}-select`,{[`${e.unref(t.PREFIX)}-select--dark`]:l.dark},{[`${e.unref(t.PREFIX)}-select--disabled`]:l.disabled}])},[e.createCommentVNode(" 选择框触发区域 "),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(t.PREFIX)}-select__trigger`),onClick:C},[e.createCommentVNode(" 已选择的值 "),c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(t.PREFIX)}-select__value`)},[e.renderSlot(l.$slots,"selected",{value:c.value,hasValue:!!c.value},()=>[e.createTextVNode(e.toDisplayString(c.value),1)])],2)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" placeholder "),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(t.PREFIX)}-select__placeholder`)},e.toDisplayString(l.placeholder),3)],2112)),e.createCommentVNode(" 清除按钮 "),l.clearable&&l.modelValue!==null&&l.modelValue!==void 0?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(t.PREFIX)}-select__clear`),onClick:e.withModifiers(_,["stop"])}," × ",2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 下拉箭头 "),e.createElementVNode("div",{class:e.normalizeClass([`${e.unref(t.PREFIX)}-select__icon`,{[`${e.unref(t.PREFIX)}-select__icon--open`]:o.value}]),innerHTML:e.unref(E),"aria-hidden":"true"},null,10,$)],2),e.createCommentVNode(" 下拉菜单 "),e.createVNode(e.Transition,{name:`${e.unref(t.PREFIX)}-select-slide`,persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(t.PREFIX)}-select__dropdown`)},[e.createCommentVNode(" 默认选项列表 "),l.options&&l.options.length>0&&!l.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(t.PREFIX)}-select__options`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,a=>(e.openBlock(),e.createElementBlock("div",{key:`${a.value}`,class:e.normalizeClass([`${e.unref(t.PREFIX)}-select__option`,{[`${e.unref(t.PREFIX)}-select__option--selected`]:l.modelValue===a.value,[`${e.unref(t.PREFIX)}-select__option--disabled`]:a.disabled}]),onClick:F=>m(a)},[e.renderSlot(l.$slots,"option",{option:a},()=>[e.createTextVNode(e.toDisplayString(a.label),1)])],10,g))),128))],2)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" 自定义内容插槽 "),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(t.PREFIX)}-select__custom-content`)},[e.renderSlot(l.$slots,"default",{select:m,close:i})],2)],2112))],2),[[e.vShow,o.value]])]),_:3},8,["name"])],2))}});f.install=s=>(s.component("ScSelect",f),s);const B=f;exports.ScSelect=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-CEjz1ubF.cjs");exports.ScSwiperNormal=e.ScSwiperNormal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("../swiper-bundle-gkukcY4l.cjs"),s=require("../_vars-CyrPevgT.cjs"),B=require("./layz-image.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("../swiper-bundle-gkukcY4l.cjs"),s=require("../_vars-CyrPevgT.cjs"),B=require("./layz-image.cjs"),P={class:"swiper-wrapper"},V=["href"],y=["disabled"],N=["disabled"],w=e.defineComponent({__name:"swiper-showcase",props:{dataList:{default:()=>[]},slidesPerView:{default:4},spaceBetween:{default:24},swiperOptions:{default:()=>({})},placeholder:{}},emits:["slideChange"],setup(l,{emit:v}){const a=l,E=v;let r=null;const o=e.ref(),c=e.ref(!0),d=e.ref(!0),p=e.computed(()=>a.dataList&&a.dataList.length>0),u=i=>[`${s.PREFIX}-swiper-showcase__nav-btn`,i?`${s.PREFIX}-swiper-showcase__nav-btn--prev`:`${s.PREFIX}-swiper-showcase__nav-btn--next`],m=()=>{if(!r){c.value=!0,d.value=!0;return}c.value=r.isBeginning,d.value=r.isEnd,E("slideChange",r.activeIndex)},h=()=>{r&&(r.destroy(),r=null)},f=()=>{var n;if(h(),!o.value||!p.value)return;const i={0:{slidesPerView:1,spaceBetween:12},768:{slidesPerView:Math.min(2,a.slidesPerView),spaceBetween:16},1024:{slidesPerView:a.slidesPerView,spaceBetween:a.spaceBetween}};r=new g.Swiper(o.value,{slidesPerView:a.slidesPerView,spaceBetween:a.spaceBetween,observer:!0,observeParents:!0,...a.swiperOptions,breakpoints:{...i,...((n=a.swiperOptions)==null?void 0:n.breakpoints)||{}}}),r.on("slideChange",m),m()},_=()=>{r&&r.slideNext()},C=()=>{r&&r.slidePrev()};return e.watch(()=>[a.dataList,a.slidesPerView,a.spaceBetween,a.swiperOptions],()=>{e.nextTick(f)},{deep:!0}),e.onMounted(()=>{f()}),e.onBeforeUnmount(()=>{h()}),(i,n)=>p.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:o,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__main`)},[e.createElementVNode("div",P,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(t,k)=>(e.openBlock(),e.createElementBlock("div",{key:`${t.title}-${k}`,class:"swiper-slide"},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__card`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__media`)},[t.tag?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__tag`)},e.toDisplayString(t.tag),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(B.ScLayzImage),{src:t.url||i.placeholder||"",alt:t.alt||t.title||"",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__image`),"img-class":`${e.unref(s.PREFIX)}-swiper-showcase__img`},null,8,["src","alt","class","img-class"])],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__info`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__title`)},e.toDisplayString(t.title),3),t.date?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__date`)},e.toDisplayString(t.date),3)):e.createCommentVNode("v-if",!0),t.desc?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__desc`)},e.toDisplayString(t.desc),3)):e.createCommentVNode("v-if",!0),t.link?(e.openBlock(),e.createElementBlock("a",{key:2,href:t.link,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__link`)},e.toDisplayString(t.linkText||"Read More"),11,V)):e.createCommentVNode("v-if",!0)],2)],2)]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav`)},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(u(!0)),disabled:c.value,"aria-label":"previous",onClick:C},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav-icon ${e.unref(s.PREFIX)}-swiper-showcase__nav-icon--prev`),width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...n[0]||(n[0]=[e.createElementVNode("g",{id:"right"},[e.createElementVNode("path",{d:"M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",fill:"white","fill-opacity":"0.3"}),e.createElementVNode("path",{d:"M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",stroke:"white","stroke-opacity":"0.1"}),e.createElementVNode("path",{id:"Rectangle 302 (Stroke)",d:"M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",fill:"white"})],-1)])],2))],10,y),e.createElementVNode("button",{type:"button",class:e.normalizeClass(u(!1)),disabled:d.value,"aria-label":"next",onClick:_},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav-icon`),width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...n[1]||(n[1]=[e.createElementVNode("g",{id:"right"},[e.createElementVNode("path",{d:"M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",fill:"white","fill-opacity":"0.3"}),e.createElementVNode("path",{d:"M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",stroke:"white","stroke-opacity":"0.1"}),e.createElementVNode("path",{id:"Rectangle 302 (Stroke)",d:"M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",fill:"white"})],-1)])],2))],10,N)],2)],2)):e.createCommentVNode("v-if",!0)}});w.install=l=>(l.component("ScSwiperShowcase",w),l);const R=w;exports.ScSwiperShowcase=R;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("../_vars-CyrPevgT.cjs"),$=require("../_utils-CtkVBTg-.cjs"),g=["onClick","innerHTML"],B=["innerHTML"],v=e.defineComponent({__name:"tab-indicator",props:{modelValue:{default:0},dataList:{},showIntro:{type:Boolean},isSeparate:{type:Boolean},adapt2TextWidth:{type:Boolean}},emits:["change","update:modelValue"],setup(s,{emit:I}){const f=s,_=I,o=e.ref(),m=e.ref([]),p=e.ref([]),i=e.ref(f.modelValue),b=e.ref({width:"0px",transform:"translateX(0)"}),E=e.ref({}),c=()=>{const t=m.value[i.value],u=(t==null?void 0:t.offsetWidth)||0,n=`translateX(${t==null?void 0:t.offsetLeft}px)`;b.value={width:`${u}px`,transform:n};const a=Math.max(...p.value.map(l=>l.offsetHeight));E.value={height:`${a}px`}};e.watch(()=>f.modelValue,()=>{i.value=f.modelValue});const k=t=>{const u=document.documentElement.getAttribute("dir")||"ltr",a=m.value.map(l=>l.offsetWidth).slice(0,t).reduce((l,h,y)=>l+(y+1===t?h*.5:h),0);$.smoothScrollLeftTo(o.value,u==="rtl"?-a:a,500)},R=t=>{k(t),i.value=t,_("change",t),_("update:modelValue",t)};let d=null;return e.onMounted(()=>{window.addEventListener("resize",c),o.value!==void 0&&(d=new IntersectionObserver(([t])=>{t.isIntersecting&&c()},{root:null,rootMargin:"200px",threshold:0}),d.observe(o.value))}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",c),d&&o.value&&d.unobserve(o.value)}),e.watchEffect(()=>{c()}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(r.PREFIX)}-tab-indicator`,t.isSeparate&&`${e.unref(r.PREFIX)}-tab-indicator__separate`,t.adapt2TextWidth&&`${e.unref(r.PREFIX)}-tab-indicator__adapt`])},[e.createElementVNode("div",{ref_key:"scrollRef",ref:o,class:e.normalizeClass(`${e.unref(r.PREFIX)}-tab-indicator__scroll`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-tab-indicator__wrap`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-tab-indicator__main`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(n,a)=>(e.openBlock(),e.createElementBlock("div",{ref_for:!0,ref_key:"indicatorItemRef",ref:m,key:n.title,class:e.normalizeClass([`${e.unref(r.PREFIX)}-tab-indicator__item`,i.value===a&&`${e.unref(r.PREFIX)}-tab-indicator__active`]),onClick:l=>R(a),innerHTML:n.title},null,10,g))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-tab-indicator__scrollbar`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-tab-indicator__scrollbar-drag`),style:e.normalizeStyle(b.value)},null,6)],2)],2)],2),t.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(r.PREFIX)}-tab-indicator__intro`),style:e.normalizeStyle(E.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(n,a)=>(e.openBlock(),e.createElementBlock("p",{ref_for:!0,ref_key:"introItemRef",ref:p,key:n.title,class:e.normalizeClass([`${e.unref(r.PREFIX)}-tab-indicator__intro-item`,i.value===a&&`${e.unref(r.PREFIX)}-tab-indicator__active`]),innerHTML:n.desc},null,10,B))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});v.install=s=>(s.component("ScTabIndicator",v),s);const X=v;exports.ScTabIndicator=X;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-1px,-1px)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}
|
package/dist/css/col.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-col{box-sizing:border-box}.sc-col--1{width:calc(1 / 24 * 100%)}.sc-col--offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--2{width:calc(2 / 24 * 100%)}.sc-col--offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--3{width:12.5%}.sc-col--offset-3{margin-left:12.5%}.sc-col--4{width:calc(4 / 24 * 100%)}.sc-col--offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--5{width:calc(5 / 24 * 100%)}.sc-col--offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--6{width:25%}.sc-col--offset-6{margin-left:25%}.sc-col--7{width:calc(7 / 24 * 100%)}.sc-col--offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--8{width:calc(8 / 24 * 100%)}.sc-col--offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--9{width:37.5%}.sc-col--offset-9{margin-left:37.5%}.sc-col--10{width:calc(10 / 24 * 100%)}.sc-col--offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--11{width:calc(11 / 24 * 100%)}.sc-col--offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--12{width:50%}.sc-col--offset-12{margin-left:50%}.sc-col--13{width:calc(13 / 24 * 100%)}.sc-col--offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--14{width:calc(14 / 24 * 100%)}.sc-col--offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--15{width:62.5%}.sc-col--offset-15{margin-left:62.5%}.sc-col--16{width:calc(16 / 24 * 100%)}.sc-col--offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--17{width:calc(17 / 24 * 100%)}.sc-col--offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--18{width:75%}.sc-col--offset-18{margin-left:75%}.sc-col--19{width:calc(19 / 24 * 100%)}.sc-col--offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--20{width:calc(20 / 24 * 100%)}.sc-col--offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--21{width:87.5%}.sc-col--offset-21{margin-left:87.5%}.sc-col--22{width:calc(22 / 24 * 100%)}.sc-col--offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--23{width:calc(23 / 24 * 100%)}.sc-col--offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--24{width:100%}.sc-col--offset-24{margin-left:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-date-picker{--sc-date-picker-bg: #fff;--sc-date-picker-border-color: #e4e7ed;--sc-date-picker-text-color: #303133;--sc-date-picker-weekday-color: #909399;--sc-date-picker-day-color: #606266;--sc-date-picker-day-hover-bg: #f5f7fa;--sc-date-picker-nav-color: #606266;--sc-date-picker-nav-hover-bg: #f5f7fa;--sc-date-picker-other-month-color: #c0c4cc;--sc-date-picker-disabled-color: #c0c4cc;position:relative;display:block;width:100%;max-width:440px;font-family:HarmonyOS_Sans_Regular}@media (max-width: 768px){.sc-date-picker{max-width:none}}.sc-date-picker--disabled{opacity:.6;cursor:not-allowed}.sc-date-picker__panel{width:100%;padding:16px;box-sizing:border-box;background:var(--sc-date-picker-bg);border-radius:12px;border:1px solid var(--sc-date-picker-border-color);box-shadow:0 2px 12px #0000000a;overflow:hidden}@media (max-width: 768px){.sc-date-picker__panel{padding:12px}}.sc-date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@media (max-width: 768px){.sc-date-picker__header{margin-bottom:12px}}.sc-date-picker__nav{width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:0;color:var(--sc-date-picker-nav-color);transition:background-color .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sc-date-picker__nav:hover{background-color:var(--sc-date-picker-nav-hover-bg)}.sc-date-picker__nav-prev,.sc-date-picker__nav-next{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;fill:currentColor}.sc-date-picker__nav-prev>svg,.sc-date-picker__nav-next>svg{width:100%;height:100%}.sc-date-picker__nav-prev{transform:rotate(90deg)}.sc-date-picker__nav-next{transform:rotate(-90deg)}.sc-date-picker__header-label{flex:1;text-align:center;font-size:16px;font-weight:500;color:var(--sc-date-picker-text-color)}@media (max-width: 768px){.sc-date-picker__header-label{font-size:15px}}.sc-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}@media (max-width: 768px){.sc-date-picker__weekdays{gap:2px;margin-bottom:6px}}.sc-date-picker__weekday{text-align:center;font-family:HarmonyOS_Sans_Medium;font-size:12px;color:var(--sc-date-picker-weekday-color);padding:8px 0}@media (max-width: 768px){.sc-date-picker__weekday{font-size:11px;padding:6px 0}}.sc-date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;min-width:0}@media (max-width: 768px){.sc-date-picker__days{gap:2px}}.sc-date-picker__day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;color:var(--sc-date-picker-day-color);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){.sc-date-picker__day{font-size:13px;border-radius:6px;min-height:42px}}@media (max-width: 360px){.sc-date-picker__day{font-size:12px;border-radius:5px;min-height:36px}}.sc-date-picker__day:hover:not(.sc-date-picker__day--disabled):not(.sc-date-picker__day--other-month):not(.sc-date-picker__day--selected){background-color:var(--sc-date-picker-day-hover-bg)}.sc-date-picker__day--today{border:1px solid #1054f2;color:#1054f2}.sc-date-picker__day--selected{background-color:#1054f2;color:#fff;box-shadow:0 0 0 2px #409eff29;font-weight:600}.sc-date-picker__day--other-month{color:var(--sc-date-picker-other-month-color);cursor:default}.sc-date-picker__day--disabled{color:var(--sc-date-picker-disabled-color);cursor:not-allowed;text-decoration:line-through}html.dark .sc-date-picker,.sc-date-picker--dark{--sc-date-picker-bg: #262626;--sc-date-picker-border-color: rgba(255, 255, 255, .2);--sc-date-picker-text-color: #fff;--sc-date-picker-weekday-color: rgba(255, 255, 255, .6);--sc-date-picker-day-color: rgba(255, 255, 255, .85);--sc-date-picker-day-hover-bg: #333;--sc-date-picker-nav-color: rgba(255, 255, 255, .85);--sc-date-picker-nav-hover-bg: #333;--sc-date-picker-other-month-color: rgba(255, 255, 255, .3);--sc-date-picker-disabled-color: rgba(255, 255, 255, .3)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-date-select{display:inline-block;width:100%}.sc-date-select .sc-date-select__placeholder{opacity:.3}.sc-date-select .sc-date-select__panel{padding:0}.sc-date-select .sc-date-select__panel .sc-date-picker__panel{padding:12px 12px 6px;border:0;box-shadow:none;border-radius:0;background:transparent}.sc-date-select .sc-select__dropdown{max-height:fit-content}html.dark .sc-date-select .sc-date-select__placeholder,.sc-date-select--dark .sc-date-select__placeholder{opacity:.3}
|
package/dist/css/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sc-input{font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid
|
|
1
|
+
.sc-input{--sc-input-border-color: rgba(0, 0, 0, .1);--sc-input-border-hover-color: #000;--sc-input-text-color: #000;--sc-input-bg-color: transparent;--sc-input-placeholder-color: #000;font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-input-border-color);background-color:var(--sc-input-bg-color);transition:border-color .3s ease-in-out}.sc-input:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-input-border-hover-color);transition:width .3s ease-in-out}.sc-input:hover:after{width:100%}.sc-input input{border:none;outline:none;flex:1;height:54px;background-color:inherit;color:var(--sc-input-text-color)}.sc-input input::placeholder{height:25px;font-weight:500;color:var(--sc-input-placeholder-color);line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1;color:var(--sc-input-text-color)}html.dark .sc-input,.sc-input--dark{--sc-input-border-color: rgba(255, 255, 255, .2);--sc-input-border-hover-color: #fff;--sc-input-text-color: #fff;--sc-input-bg-color: #1d1d1d;--sc-input-placeholder-color: #fff}@media (max-width: 768px){.sc-input{font-size:14px}}
|
package/dist/css/radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio
|
|
1
|
+
@charset "UTF-8";.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio-disabled{opacity:.5;pointer-events:none}.sc-radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio-input:checked~.sc-radio-box{background-color:#000}.sc-radio-input:checked~.sc-radio-box:after{display:block}.sc-radio:not(.sc-radio-disabled):hover .sc-radio-box{border-color:#000}
|
package/dist/css/row.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-row{display:flex;flex-wrap:wrap}.sc-row--wrap{flex-wrap:wrap}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-select{--sc-select-border-color: rgba(0, 0, 0, .1);--sc-select-border-hover-color: #000;--sc-select-text-color: #000;--sc-select-bg-color: transparent;--sc-select-placeholder-color: #000;--sc-select-option-hover-bg: #f5f5f5;--sc-select-option-selected-bg: #e6f2ff;--sc-select-option-selected-text-color: #1054f2;--sc-select-dropdown-bg: #fff;position:relative;display:inline-block;width:100%;font-size:16px;margin-top:4px}.sc-select__trigger{display:flex;align-items:center;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-select-border-color);background-color:var(--sc-select-bg-color);cursor:pointer;transition:border-color .3s ease-in-out;position:relative}.sc-select__trigger:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-select-border-hover-color);transition:width .3s ease-in-out}.sc-select__trigger:hover:after{width:100%}.sc-select__value{flex:1;color:var(--sc-select-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__placeholder{flex:1;color:var(--sc-select-placeholder-color);opacity:.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__clear{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:4px;cursor:pointer;color:var(--sc-select-text-color);font-size:20px;font-weight:300;opacity:.6;transition:opacity .2s}.sc-select__clear:hover{opacity:1}.sc-select__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--sc-select-text-color);transition:transform .3s ease-in-out;flex-shrink:0}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon--open{transform:rotate(-180deg)}.sc-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--sc-select-dropdown-bg);border:1px solid var(--sc-select-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.sc-select__options{padding:8px 0}.sc-select__option{padding:10px 12px;cursor:pointer;color:var(--sc-select-text-color);transition:background-color .2s}.sc-select__option:hover:not(.sc-select__option--disabled){background-color:var(--sc-select-option-hover-bg)}.sc-select__option--selected{background-color:var(--sc-select-option-selected-bg);font-weight:600;color:var(--sc-select-option-selected-text-color)}.sc-select__option--disabled{opacity:.5;cursor:not-allowed}.sc-select__custom-content{padding:12px}.sc-select--disabled{opacity:.6}.sc-select--disabled .sc-select__trigger{cursor:not-allowed}html.dark .sc-select,.sc-select--dark{--sc-select-border-color: rgba(255, 255, 255, .2);--sc-select-border-hover-color: #fff;--sc-select-text-color: #fff;--sc-select-bg-color: #1d1d1d;--sc-select-placeholder-color: #fff;--sc-select-option-hover-bg: #333;--sc-select-option-selected-bg: #1054f2;--sc-select-option-selected-text-color: #fff;--sc-select-dropdown-bg: #262626}@media (max-width: 768px){.sc-select{font-size:14px}.sc-select__trigger{height:48px}.sc-select__dropdown{max-height:250px}}.sc-select-slide-enter-active,.sc-select-slide-leave-active{transition:all .3s ease-in-out}.sc-select-slide-enter-from,.sc-select-slide-leave-to{opacity:0;transform:translateY(-2px)}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
const e = {
|
|
2
|
+
datePicker: {
|
|
3
|
+
months: [
|
|
4
|
+
"January",
|
|
5
|
+
"February",
|
|
6
|
+
"March",
|
|
7
|
+
"April",
|
|
8
|
+
"May",
|
|
9
|
+
"June",
|
|
10
|
+
"July",
|
|
11
|
+
"August",
|
|
12
|
+
"September",
|
|
13
|
+
"October",
|
|
14
|
+
"November",
|
|
15
|
+
"December"
|
|
16
|
+
],
|
|
17
|
+
weekdays: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
|
|
18
|
+
today: "Today",
|
|
19
|
+
clear: "Clear",
|
|
20
|
+
confirm: "Confirm",
|
|
21
|
+
cancel: "Cancel",
|
|
22
|
+
selectDate: "Select Date",
|
|
23
|
+
selectTime: "Select Time",
|
|
24
|
+
selectDateTime: "Select Date and Time",
|
|
25
|
+
year: "",
|
|
26
|
+
month: "",
|
|
27
|
+
startDate: "Start Date",
|
|
28
|
+
endDate: "End Date",
|
|
29
|
+
startTime: "Start Time",
|
|
30
|
+
endTime: "End Time"
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
export {
|
|
34
|
+
e
|
|
35
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e={datePicker:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],weekdays:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],today:"Today",clear:"Clear",confirm:"Confirm",cancel:"Cancel",selectDate:"Select Date",selectTime:"Select Time",selectDateTime:"Select Date and Time",year:"",month:"",startDate:"Start Date",endDate:"End Date",startTime:"Start Time",endTime:"End Time"}};exports.enUS=e;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { defineComponent as k, computed as V, createElementBlock as f, openBlock as y, normalizeClass as d, unref as l, createElementVNode as r, renderSlot as g, createTextVNode as v, toDisplayString as x } from "vue";
|
|
2
|
+
import { P as o } from "../_vars-BV4QQF-p.js";
|
|
3
|
+
const C = ["id", "name", "value", "checked", "disabled"], u = /* @__PURE__ */ k({
|
|
4
|
+
__name: "checkbox",
|
|
5
|
+
props: {
|
|
6
|
+
id: {},
|
|
7
|
+
name: {},
|
|
8
|
+
value: {},
|
|
9
|
+
modelValue: { type: [Boolean, Array] },
|
|
10
|
+
label: {},
|
|
11
|
+
disabled: { type: Boolean },
|
|
12
|
+
dark: { type: Boolean }
|
|
13
|
+
},
|
|
14
|
+
emits: ["change", "update:modelValue"],
|
|
15
|
+
setup(c, { emit: m }) {
|
|
16
|
+
const a = c, s = m, p = V(() => Array.isArray(a.modelValue) ? a.modelValue.includes(a.value) : a.modelValue), h = (e) => {
|
|
17
|
+
const t = e.target.checked;
|
|
18
|
+
if (Array.isArray(a.modelValue)) {
|
|
19
|
+
const n = [...a.modelValue];
|
|
20
|
+
if (t)
|
|
21
|
+
n.push(a.value);
|
|
22
|
+
else {
|
|
23
|
+
const i = n.indexOf(a.value);
|
|
24
|
+
i > -1 && n.splice(i, 1);
|
|
25
|
+
}
|
|
26
|
+
s("update:modelValue", n), s("change", n);
|
|
27
|
+
} else
|
|
28
|
+
s("update:modelValue", t), s("change", t);
|
|
29
|
+
};
|
|
30
|
+
return (e, b) => (y(), f(
|
|
31
|
+
"label",
|
|
32
|
+
{
|
|
33
|
+
class: d([`${l(o)}-checkbox`, e.disabled && `${l(o)}-disabled`, e.dark && `${l(o)}-checkbox--dark`])
|
|
34
|
+
},
|
|
35
|
+
[
|
|
36
|
+
r("input", {
|
|
37
|
+
type: "checkbox",
|
|
38
|
+
id: e.id,
|
|
39
|
+
name: e.name,
|
|
40
|
+
value: e.value,
|
|
41
|
+
checked: p.value,
|
|
42
|
+
disabled: e.disabled,
|
|
43
|
+
class: d(`${l(o)}-checkbox-input`),
|
|
44
|
+
onChange: h
|
|
45
|
+
}, null, 42, C),
|
|
46
|
+
r(
|
|
47
|
+
"span",
|
|
48
|
+
{
|
|
49
|
+
class: d(`${l(o)}-checkbox-box`)
|
|
50
|
+
},
|
|
51
|
+
null,
|
|
52
|
+
2
|
|
53
|
+
/* CLASS */
|
|
54
|
+
),
|
|
55
|
+
r(
|
|
56
|
+
"span",
|
|
57
|
+
{
|
|
58
|
+
class: d(`${l(o)}-checkbox-label`)
|
|
59
|
+
},
|
|
60
|
+
[
|
|
61
|
+
g(e.$slots, "default", {}, () => [
|
|
62
|
+
v(
|
|
63
|
+
x(e.label),
|
|
64
|
+
1
|
|
65
|
+
/* TEXT */
|
|
66
|
+
)
|
|
67
|
+
])
|
|
68
|
+
],
|
|
69
|
+
2
|
|
70
|
+
/* CLASS */
|
|
71
|
+
)
|
|
72
|
+
],
|
|
73
|
+
2
|
|
74
|
+
/* CLASS */
|
|
75
|
+
));
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
u.install = (c) => (c.component("ScCheckbox", u), c);
|
|
79
|
+
const B = u;
|
|
80
|
+
export {
|
|
81
|
+
B as ScCheckbox
|
|
82
|
+
};
|
package/dist/es/col.mjs
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { defineComponent as p, inject as d, computed as r, createElementBlock as m, openBlock as g, normalizeStyle as x, normalizeClass as $, renderSlot as v } from "vue";
|
|
2
|
+
import { P as l } from "../_vars-BV4QQF-p.js";
|
|
3
|
+
const s = /* @__PURE__ */ p({
|
|
4
|
+
__name: "col",
|
|
5
|
+
props: {
|
|
6
|
+
span: { default: 24 },
|
|
7
|
+
offset: { default: 0 },
|
|
8
|
+
xs: {},
|
|
9
|
+
sm: {},
|
|
10
|
+
md: {},
|
|
11
|
+
lg: {},
|
|
12
|
+
xl: {}
|
|
13
|
+
},
|
|
14
|
+
setup(e) {
|
|
15
|
+
const o = e, n = d("rowGutter", 0), c = r(() => typeof n == "object" && "value" in n ? n.value : n || 0), a = (t) => (t / 24 * 100).toFixed(2) + "%", u = r(() => [
|
|
16
|
+
`${l}-col`,
|
|
17
|
+
`${l}-col--${o.span}`,
|
|
18
|
+
{
|
|
19
|
+
[`${l}-col--offset-${o.offset}`]: o.offset > 0
|
|
20
|
+
}
|
|
21
|
+
]), i = r(() => {
|
|
22
|
+
const t = c.value / 2;
|
|
23
|
+
return {
|
|
24
|
+
width: a(o.span),
|
|
25
|
+
paddingLeft: `${t}px`,
|
|
26
|
+
paddingRight: `${t}px`,
|
|
27
|
+
boxSizing: "border-box"
|
|
28
|
+
};
|
|
29
|
+
});
|
|
30
|
+
return (t, f) => (g(), m(
|
|
31
|
+
"div",
|
|
32
|
+
{
|
|
33
|
+
class: $(u.value),
|
|
34
|
+
style: x(i.value)
|
|
35
|
+
},
|
|
36
|
+
[
|
|
37
|
+
v(t.$slots, "default")
|
|
38
|
+
],
|
|
39
|
+
6
|
|
40
|
+
/* CLASS, STYLE */
|
|
41
|
+
));
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
s.install = (e) => (e.component("ScCol", s), e);
|
|
45
|
+
const C = s;
|
|
46
|
+
export {
|
|
47
|
+
C as ScCol
|
|
48
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { w as r } from "../_utils-B7LThWoT.js";
|
|
2
|
+
import { defineComponent as t, provide as n, renderSlot as s } from "vue";
|
|
3
|
+
import { e as a } from "../en-US-BBTWftdk.js";
|
|
4
|
+
const p = /* @__PURE__ */ t({
|
|
5
|
+
name: "ScConfigProvider",
|
|
6
|
+
__name: "config-provider",
|
|
7
|
+
props: {
|
|
8
|
+
locale: { default: () => a }
|
|
9
|
+
},
|
|
10
|
+
setup(o) {
|
|
11
|
+
return n("scLocale", o.locale), (e, i) => s(e.$slots, "default");
|
|
12
|
+
}
|
|
13
|
+
}), d = r(p);
|
|
14
|
+
export {
|
|
15
|
+
d as ScConfigProvider,
|
|
16
|
+
d as default
|
|
17
|
+
};
|