@seresweb/website-component 2.3.1 → 2.3.2
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/dist/_icons-B94owPWc.cjs +20 -0
- package/dist/_icons-B97SN5iK.js +25 -0
- package/dist/cjs/date-picker.cjs +1 -1
- package/dist/cjs/date-select.cjs +1 -1
- 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/select.cjs +1 -1
- package/dist/cjs/swiper-normal.cjs +1 -1
- package/dist/css/horizontal-viewer.css +1 -1
- package/dist/css/input.css +1 -1
- package/dist/css/select.css +1 -1
- package/dist/es/date-picker.mjs +1 -1
- package/dist/es/date-select.mjs +25 -22
- package/dist/es/horizontal-viewer.mjs +1 -1
- package/dist/es/image-indicator.mjs +1 -1
- package/dist/es/index.mjs +2 -2
- package/dist/es/select.mjs +98 -98
- package/dist/es/swiper-normal.mjs +1 -1
- package/dist/{index-CEjz1ubF.cjs → index-B-0yM6xR.cjs} +1 -1
- package/dist/{index-BPX4w5Vn.js → index-BPpds5EG.js} +1 -1
- package/dist/{index-Bc4wAl0z.js → index-CMZ8zDDd.js} +1 -1
- package/dist/{index-B-sVxtkA.cjs → index-D6pYBGfZ.cjs} +1 -1
- package/dist/index.css +1 -1
- package/dist/scss/col.scss +3 -2
- package/dist/scss/horizontal-viewer.scss +2 -2
- package/dist/scss/input.scss +13 -0
- package/dist/scss/select.scss +12 -20
- package/dist/types/components/_icons.d.ts +2 -0
- package/dist/types/components/select/select.vue.d.ts +2 -0
- package/dist/types/components/select/type.d.ts +2 -0
- package/package.json +1 -1
- package/dist/_icons-DtBTpiO2.cjs +0 -11
- package/dist/_icons-FW35XHO0.js +0 -14
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";const h=`<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>`,v=`<svg
|
|
12
|
+
viewBox="0 0 1121 1024"
|
|
13
|
+
version="1.1"
|
|
14
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
15
|
+
width="200"
|
|
16
|
+
height="200"
|
|
17
|
+
>
|
|
18
|
+
<path d="M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z"></path>
|
|
19
|
+
<path d="M1040.725333 1014.442667l-965.485714-965.485715 48.518095-48.420571L1089.194667 965.973333l-48.469334 48.469334z"></path>
|
|
20
|
+
</svg>`,t='<svg t="1767864500998" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2238" width="200" height="200"><path d="M281.130667 238.250667H172.373333v159.146666h679.381334v-159.146666h-113.834667v-54.186667h168.021333v640.896a114.474667 114.474667 0 0 1-114.389333 114.346667h-558.933333a114.474667 114.474667 0 0 1-114.389334-114.346667V184.106667h162.901334v54.186666z m-108.757334 213.333333v373.376c0 33.194667 27.050667 60.16 60.202667 60.16h558.933333c33.194667 0 60.245333-26.965333 60.245334-60.16v-373.333333H172.373333zM356.352 287.146667h-54.186667V111.786667h54.186667v175.36z m360.96 0h-54.186667V111.786667h54.186667v175.36z m-77.226667-48.896H368.853333v-54.186667h271.232v54.186667z" p-id="2239"></path></svg>';exports.CalendarIcon=t;exports.ChevronDownIcon=h;exports.ClearIcon=v;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
const h = `<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>`, v = `<svg
|
|
12
|
+
viewBox="0 0 1121 1024"
|
|
13
|
+
version="1.1"
|
|
14
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
15
|
+
width="200"
|
|
16
|
+
height="200"
|
|
17
|
+
>
|
|
18
|
+
<path d="M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z"></path>
|
|
19
|
+
<path d="M1040.725333 1014.442667l-965.485714-965.485715 48.518095-48.420571L1089.194667 965.973333l-48.469334 48.469334z"></path>
|
|
20
|
+
</svg>`, t = '<svg t="1767864500998" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2238" width="200" height="200"><path d="M281.130667 238.250667H172.373333v159.146666h679.381334v-159.146666h-113.834667v-54.186667h168.021333v640.896a114.474667 114.474667 0 0 1-114.389333 114.346667h-558.933333a114.474667 114.474667 0 0 1-114.389334-114.346667V184.106667h162.901334v54.186666z m-108.757334 213.333333v373.376c0 33.194667 27.050667 60.16 60.202667 60.16h558.933333c33.194667 0 60.245333-26.965333 60.245334-60.16v-373.333333H172.373333zM356.352 287.146667h-54.186667V111.786667h54.186667v175.36z m360.96 0h-54.186667V111.786667h54.186667v175.36z m-77.226667-48.896H368.853333v-54.186667h271.232v54.186667z" p-id="2239"></path></svg>';
|
|
21
|
+
export {
|
|
22
|
+
h as C,
|
|
23
|
+
t as a,
|
|
24
|
+
v as b
|
|
25
|
+
};
|
package/dist/cjs/date-picker.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../_utils-CtkVBTg-.cjs");const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../_utils-CtkVBTg-.cjs");const e=require("../index-D6pYBGfZ.cjs");exports.ScDatePicker=e.ScDatePicker;exports.default=e.ScDatePicker;
|
package/dist/cjs/date-select.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),m=require("../index-D6pYBGfZ.cjs"),s=require("../_vars-CyrPevgT.cjs"),h=require("../_icons-B94owPWc.cjs"),S=require("./select.cjs"),g={key:0},p="YYYY-MM-DD",c=a.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,l=a.ref(u.modelValue??null),i=a.computed({get:()=>{if(!l.value)return"";const e=m.dayjs(l.value);return e.isValid()?e.format(u.format||p):""},set:e=>{if(!e){l.value=null,t("update:modelValue",null),t("change",null);return}l.value=e,t("update:modelValue",e),t("change",e)}});a.watch(()=>u.modelValue,e=>{l.value=e??null});const V=(e,n)=>{l.value=e,t("update:modelValue",e),t("change",e),n()},k=e=>{e===null&&(l.value=null,t("update:modelValue",null),t("change",null))};return(e,n)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(`${a.unref(s.PREFIX)}-date-select`)},[a.createVNode(a.unref(S.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,icon:a.unref(h.CalendarIcon),"icon-rotate":!1,onChange:k},{selected:a.withCtx(({value:o,hasValue:d})=>[d?(a.openBlock(),a.createElementBlock("span",g,a.toDisplayString(o),1)):(a.openBlock(),a.createElementBlock("span",{key:1,class:a.normalizeClass(`${a.unref(s.PREFIX)}-date-select__placeholder`)},a.toDisplayString(e.placeholder),3))]),default:a.withCtx(({close:o})=>[a.createElementVNode("div",{class:a.normalizeClass(`${a.unref(s.PREFIX)}-date-select__panel`)},[a.createVNode(a.unref(m.ScDatePicker),{modelValue:l.value,"onUpdate:modelValue":n[0]||(n[0]=d=>l.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","icon"])],2))}});c.install=r=>(r.component("ScDateSelect",c),r);const D=c;exports.ScDateSelect=D;
|
|
@@ -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-B-0yM6xR.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-B-0yM6xR.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 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-
|
|
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-D6pYBGfZ.cjs"),f=require("./date-select.cjs"),g=require("./drawer.cjs"),q=require("./dropdown.cjs"),I=require("./gradual-highlight.cjs"),r=require("../index-B-0yM6xR.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/select.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../_vars-CyrPevgT.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../_vars-CyrPevgT.cjs"),V=require("../_icons-B94owPWc.cjs"),S=["innerHTML"],y=["onClick"],p=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},icon:{default:void 0},iconRotate:{type:Boolean,default:!0}},emits:["update:modelValue","change"],setup(r,{expose:C,emit:g}){const n=r,c=g,s=e.ref(!1),I=V.ChevronDownIcon,$=V.ClearIcon,m=e.ref(),u=e.ref(!1),_=e.computed(()=>n.icon||I),d=e.computed(()=>n.clearable&&n.modelValue!==null&&n.modelValue!==void 0&&n.modelValue!==""&&u.value),h=e.computed(()=>d.value?$:_.value),R=e.computed(()=>{if(n.options&&n.options.length>0){const l=n.options.find(o=>o.value===n.modelValue);return l?l.label:""}return""}),i=e.computed(()=>n.options&&n.options.length>0?R.value:n.modelValue===null||n.modelValue===void 0?"":String(n.modelValue)),F=l=>{k(l)},k=l=>{l.preventDefault(),!n.disabled&&(s.value=!s.value)},v=l=>{l==null||l.preventDefault(),s.value=!1},f=l=>{l.disabled||(c("update:modelValue",l.value),c("change",l.value),v())},B=()=>{c("update:modelValue",null),c("change",null),u.value=!1},P=l=>{l.stopPropagation(),d.value?B():k(l)},E=l=>{const o=l.target;m.value&&!m.value.contains(o)&&(s.value=!1)};return e.onMounted(()=>{document.addEventListener("click",E)}),e.onUnmounted(()=>{document.removeEventListener("click",E)}),C({close:v,selectOption:f}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:m,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:F,onMouseenter:o[0]||(o[0]=a=>u.value=!0),onMouseleave:o[1]||(o[1]=a=>u.value=!1)},[e.createCommentVNode(" 已选择的值 "),i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(t.PREFIX)}-select__value`)},[e.renderSlot(l.$slots,"selected",{value:i.value,hasValue:!!i.value},()=>[e.createTextVNode(e.toDisplayString(i.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(" 下拉箭头/清除按钮 "),e.createElementVNode("div",{class:e.normalizeClass([`${e.unref(t.PREFIX)}-select__icon`,{[`${e.unref(t.PREFIX)}-select__icon--open`]:s.value&&!d.value&&l.iconRotate},{[`${e.unref(t.PREFIX)}-select__icon--clear`]:d.value}]),innerHTML:h.value,onClick:e.withModifiers(P,["stop"])},null,10,S)],34),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:N=>f(a)},[e.renderSlot(l.$slots,"option",{option:a},()=>[e.createTextVNode(e.toDisplayString(a.label),1)])],10,y))),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:f,close:v})],2)],2112))],2),[[e.vShow,s.value]])]),_:3},8,["name"])],2))}});p.install=r=>(r.component("ScSelect",p),r);const X=p;exports.ScSelect=X;
|
|
@@ -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-B-0yM6xR.cjs");exports.ScSwiperNormal=e.ScSwiperNormal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.sc-horizontal-viewer{width:
|
|
1
|
+
.sc-horizontal-viewer{width:100%;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100%;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}
|
package/dist/css/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}}
|
|
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)}.sc-input__prefix .sc-select .sc-select__trigger,.sc-input__suffix .sc-select .sc-select__trigger{height:40px;border-bottom:none;padding:0 8px}.sc-input__prefix .sc-select .sc-select__trigger:after,.sc-input__suffix .sc-select .sc-select__trigger:after{display:none}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/select.css
CHANGED
|
@@ -1 +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-
|
|
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__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,opacity .2s;flex-shrink:0;cursor:pointer;opacity:.6}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon:hover{opacity:1}.sc-select__icon--open{transform:rotate(-180deg)}.sc-select__icon--clear{width:16px;height:16px}.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)}
|
package/dist/es/date-picker.mjs
CHANGED
package/dist/es/date-select.mjs
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { d as Y, S as F } from "../index-
|
|
1
|
+
import { defineComponent as C, ref as v, computed as y, watch as B, createElementBlock as s, openBlock as m, normalizeClass as c, unref as o, createVNode as V, withCtx as h, createElementVNode as E, toDisplayString as k } from "vue";
|
|
2
|
+
import { d as Y, S as F } from "../index-CMZ8zDDd.js";
|
|
3
3
|
import { P as i } from "../_vars-BV4QQF-p.js";
|
|
4
|
-
import {
|
|
5
|
-
|
|
4
|
+
import { a as M } from "../_icons-B97SN5iK.js";
|
|
5
|
+
import { ScSelect as P } from "./select.mjs";
|
|
6
|
+
const U = { key: 0 }, D = "YYYY-MM-DD", p = /* @__PURE__ */ C({
|
|
6
7
|
name: "ScDateSelect",
|
|
7
8
|
__name: "date-select",
|
|
8
9
|
props: {
|
|
@@ -16,12 +17,12 @@ const P = { key: 0 }, D = "YYYY-MM-DD", p = /* @__PURE__ */ v({
|
|
|
16
17
|
maxDate: {}
|
|
17
18
|
},
|
|
18
19
|
emits: ["update:modelValue", "change"],
|
|
19
|
-
setup(
|
|
20
|
-
const
|
|
20
|
+
setup(r, { emit: g }) {
|
|
21
|
+
const u = r, l = g, a = v(u.modelValue ?? null), f = y({
|
|
21
22
|
get: () => {
|
|
22
23
|
if (!a.value) return "";
|
|
23
24
|
const e = Y(a.value);
|
|
24
|
-
return e.isValid() ? e.format(
|
|
25
|
+
return e.isValid() ? e.format(u.format || D) : "";
|
|
25
26
|
},
|
|
26
27
|
set: (e) => {
|
|
27
28
|
if (!e) {
|
|
@@ -32,7 +33,7 @@ const P = { key: 0 }, D = "YYYY-MM-DD", p = /* @__PURE__ */ v({
|
|
|
32
33
|
}
|
|
33
34
|
});
|
|
34
35
|
B(
|
|
35
|
-
() =>
|
|
36
|
+
() => u.modelValue,
|
|
36
37
|
(e) => {
|
|
37
38
|
a.value = e ?? null;
|
|
38
39
|
}
|
|
@@ -45,22 +46,24 @@ const P = { key: 0 }, D = "YYYY-MM-DD", p = /* @__PURE__ */ v({
|
|
|
45
46
|
return (e, t) => (m(), s(
|
|
46
47
|
"div",
|
|
47
48
|
{
|
|
48
|
-
class: c(`${
|
|
49
|
+
class: c(`${o(i)}-date-select`)
|
|
49
50
|
},
|
|
50
51
|
[
|
|
51
|
-
V(
|
|
52
|
+
V(o(P), {
|
|
52
53
|
modelValue: f.value,
|
|
53
54
|
"onUpdate:modelValue": t[1] || (t[1] = (d) => f.value = d),
|
|
54
55
|
placeholder: e.placeholder,
|
|
55
56
|
disabled: e.disabled,
|
|
56
57
|
dark: e.dark,
|
|
57
58
|
clearable: e.clearable,
|
|
59
|
+
icon: o(M),
|
|
60
|
+
"icon-rotate": !1,
|
|
58
61
|
onChange: b
|
|
59
62
|
}, {
|
|
60
|
-
selected: h(({ value: d, hasValue:
|
|
61
|
-
|
|
63
|
+
selected: h(({ value: d, hasValue: n }) => [
|
|
64
|
+
n ? (m(), s(
|
|
62
65
|
"span",
|
|
63
|
-
|
|
66
|
+
U,
|
|
64
67
|
k(d),
|
|
65
68
|
1
|
|
66
69
|
/* TEXT */
|
|
@@ -68,7 +71,7 @@ const P = { key: 0 }, D = "YYYY-MM-DD", p = /* @__PURE__ */ v({
|
|
|
68
71
|
"span",
|
|
69
72
|
{
|
|
70
73
|
key: 1,
|
|
71
|
-
class: c(`${
|
|
74
|
+
class: c(`${o(i)}-date-select__placeholder`)
|
|
72
75
|
},
|
|
73
76
|
k(e.placeholder),
|
|
74
77
|
3
|
|
@@ -79,18 +82,18 @@ const P = { key: 0 }, D = "YYYY-MM-DD", p = /* @__PURE__ */ v({
|
|
|
79
82
|
E(
|
|
80
83
|
"div",
|
|
81
84
|
{
|
|
82
|
-
class: c(`${
|
|
85
|
+
class: c(`${o(i)}-date-select__panel`)
|
|
83
86
|
},
|
|
84
87
|
[
|
|
85
|
-
V(
|
|
88
|
+
V(o(F), {
|
|
86
89
|
modelValue: a.value,
|
|
87
|
-
"onUpdate:modelValue": t[0] || (t[0] = (
|
|
90
|
+
"onUpdate:modelValue": t[0] || (t[0] = (n) => a.value = n),
|
|
88
91
|
dark: e.dark,
|
|
89
92
|
format: e.format,
|
|
90
93
|
disabled: e.disabled,
|
|
91
94
|
"min-date": e.minDate,
|
|
92
95
|
"max-date": e.maxDate,
|
|
93
|
-
onChange: (
|
|
96
|
+
onChange: (n) => S(n, d)
|
|
94
97
|
}, null, 8, ["modelValue", "dark", "format", "disabled", "min-date", "max-date", "onChange"])
|
|
95
98
|
],
|
|
96
99
|
2
|
|
@@ -99,15 +102,15 @@ const P = { key: 0 }, D = "YYYY-MM-DD", p = /* @__PURE__ */ v({
|
|
|
99
102
|
]),
|
|
100
103
|
_: 1
|
|
101
104
|
/* STABLE */
|
|
102
|
-
}, 8, ["modelValue", "placeholder", "disabled", "dark", "clearable"])
|
|
105
|
+
}, 8, ["modelValue", "placeholder", "disabled", "dark", "clearable", "icon"])
|
|
103
106
|
],
|
|
104
107
|
2
|
|
105
108
|
/* CLASS */
|
|
106
109
|
));
|
|
107
110
|
}
|
|
108
111
|
});
|
|
109
|
-
p.install = (
|
|
110
|
-
const
|
|
112
|
+
p.install = (r) => (r.component("ScDateSelect", p), r);
|
|
113
|
+
const R = p;
|
|
111
114
|
export {
|
|
112
|
-
|
|
115
|
+
R as ScDateSelect
|
|
113
116
|
};
|
package/dist/es/index.mjs
CHANGED
|
@@ -3,12 +3,12 @@ import { ScAnimatedNumber as a } from "./animated-number.mjs";
|
|
|
3
3
|
import { ScCheckbox as S } from "./checkbox.mjs";
|
|
4
4
|
import { ScCol as l } from "./col.mjs";
|
|
5
5
|
import { ScConfigProvider as d } from "./config-provider.mjs";
|
|
6
|
-
import { S as u } from "../index-
|
|
6
|
+
import { S as u } from "../index-CMZ8zDDd.js";
|
|
7
7
|
import { ScDateSelect as h } from "./date-select.mjs";
|
|
8
8
|
import { ScDrawer as w } from "./drawer.mjs";
|
|
9
9
|
import { ScDropdown as x } from "./dropdown.mjs";
|
|
10
10
|
import { ScGradualHighlight as g } from "./gradual-highlight.mjs";
|
|
11
|
-
import { S as y, a as b, b as v } from "../index-
|
|
11
|
+
import { S as y, a as b, b as v } from "../index-BPpds5EG.js";
|
|
12
12
|
import { ScInput as I } from "./input.mjs";
|
|
13
13
|
import { ScLayzImage as P } from "./layz-image.mjs";
|
|
14
14
|
import { ScLocales as $ } from "./locales.mjs";
|