@ruck-plugins/it-tools 1.0.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/android-chrome-192x192.png +0 -0
- package/android-chrome-512x512.png +0 -0
- package/apple-touch-icon.png +0 -0
- package/assets/About-3d24c5db.js +1 -0
- package/assets/Alert-94bc8eeb.js +48 -0
- package/assets/Blank-7aaa3138.css +1 -0
- package/assets/Blank-e5d4ac5a.js +1 -0
- package/assets/Button-9402ed37.js +103 -0
- package/assets/Checkbox-cb66f05b.js +105 -0
- package/assets/ColorPicker-d1570289.js +181 -0
- package/assets/Copy-aa880467.js +1 -0
- package/assets/Divider-1a143549.js +42 -0
- package/assets/Form-5afa044a.js +6 -0
- package/assets/FormItem-18450bf0.js +105 -0
- package/assets/FormatTransformer.vue_vue_type_script_setup_true_lang-62b173c1.js +1 -0
- package/assets/Grid-c95ac6a8.js +1 -0
- package/assets/Input-304baede.js +258 -0
- package/assets/InputCopyable.vue_vue_type_script_setup_true_lang-f8def18c.js +1 -0
- package/assets/InputGroup-70edfbd3.js +56 -0
- package/assets/InputGroupLabel-95e6747d.js +29 -0
- package/assets/InputNumber-164670aa.js +7 -0
- package/assets/Remove-0305cd29.js +7 -0
- package/assets/Scrollbar-d11619e0.js +1 -0
- package/assets/Slider-712e01ed.js +158 -0
- package/assets/SpanCopyable.vue_vue_type_script_setup_true_lang-f78211c8.js +1 -0
- package/assets/Statistic-5bf76e73.js +23 -0
- package/assets/Switch-a3478b14.js +102 -0
- package/assets/Table-cd9ff7d0.js +76 -0
- package/assets/Tag-76c06f8d.js +70 -0
- package/assets/TextareaCopyable-a8dad7e2.js +75 -0
- package/assets/TextareaCopyable-e0c396a1.css +1 -0
- package/assets/___vite-browser-external_commonjs-proxy-d22f5c20.js +1 -0
- package/assets/_commonjs-dynamic-modules-302442b1.js +1 -0
- package/assets/abap-b90a1f1e.js +6 -0
- package/assets/apex-7aadd462.js +6 -0
- package/assets/ascii-text-drawer-a9edb471.js +2285 -0
- package/assets/azcli-23a1b956.js +6 -0
- package/assets/base64-6a7151fc.js +1 -0
- package/assets/base64-file-converter-4268e6c2.js +1 -0
- package/assets/base64-file-converter-5ea50f3b.css +1 -0
- package/assets/base64-string-converter-589f021d.js +1 -0
- package/assets/basic-auth-generator-37cad11f.css +1 -0
- package/assets/basic-auth-generator-bdfb1c58.js +1 -0
- package/assets/bat-2c82a72d.js +6 -0
- package/assets/bcrypt-65197846.css +1 -0
- package/assets/bcrypt-ab034048.js +5 -0
- package/assets/benchmark-builder-4d4575bb.js +5 -0
- package/assets/bicep-338bfe58.js +7 -0
- package/assets/bip39-generator-5a73523a.js +8 -0
- package/assets/boolean-c7e7c785.js +1 -0
- package/assets/browser-e933942f.js +8 -0
- package/assets/c-key-value-list.vue_vue_type_script_setup_true_lang-18c0a83d.js +1 -0
- package/assets/cameligo-1c616f6f.js +6 -0
- package/assets/camera-recorder-ed9d6dee.js +1 -0
- package/assets/case-converter-cfa9e2eb.js +1 -0
- package/assets/chmod-calculator-455ac64e.js +1 -0
- package/assets/chmod-calculator-ffe89049.css +1 -0
- package/assets/chronometer-241bfabb.css +1 -0
- package/assets/chronometer-9c01359d.js +1 -0
- package/assets/clojure-9bb82a82.js +6 -0
- package/assets/codicon-8b349ebc.ttf +0 -0
- package/assets/coffee-ec486f98.js +6 -0
- package/assets/color-converter-29caec7b.js +1 -0
- package/assets/color-to-class-b0332f36.js +1 -0
- package/assets/computedRefreshable-c6e973a4.js +1 -0
- package/assets/convert-ae87c221.js +1 -0
- package/assets/cpp-98740ad6.js +6 -0
- package/assets/crontab-generator-8260c5da.css +1 -0
- package/assets/crontab-generator-f23cf7dc.js +8 -0
- package/assets/csharp-d2941385.js +6 -0
- package/assets/csp-aed6305a.js +6 -0
- package/assets/css-a82dd746.js +8 -0
- package/assets/cssMode-5dd2dec6.js +9 -0
- package/assets/cypher-3ffc0570.js +6 -0
- package/assets/dart-68bf5326.js +6 -0
- package/assets/date-time-converter-fadab3da.js +1 -0
- package/assets/defaults-4d6daddf.js +1 -0
- package/assets/demo-wrapper-4d0ee60f.js +1 -0
- package/assets/device-information-8214f0a2.js +1 -0
- package/assets/device-information-8ba000b4.css +1 -0
- package/assets/docker-run-to-docker-compose-converter-d7373897.js +56 -0
- package/assets/dockerfile-c55b64af.js +6 -0
- package/assets/downloadBase64-e611bae8.js +1 -0
- package/assets/ecl-e008be52.js +6 -0
- package/assets/elixir-932a57fd.js +6 -0
- package/assets/email-normalizer-5b25a5bc.js +3 -0
- package/assets/emoji-picker-bf39b72c.js +1 -0
- package/assets/encryption-7e707240.js +1 -0
- package/assets/eta-calculator-06f472f3.js +323 -0
- package/assets/eta-calculator-089582d9.css +1 -0
- package/assets/flow9-d862b93b.js +6 -0
- package/assets/freemarker2-742a84be.js +8 -0
- package/assets/fsharp-f2bb837e.js +6 -0
- package/assets/get-slot-1efb97e5.js +1 -0
- package/assets/git-memo-7be4be4a.js +27 -0
- package/assets/git-memo-8caded2b.css +1 -0
- package/assets/go-b074840c.js +6 -0
- package/assets/graphql-a707cdaa.js +6 -0
- package/assets/handlebars-2b56c30f.js +6 -0
- package/assets/hash-text-999882c4.js +1 -0
- package/assets/hash-text.service-9de4e2c4.js +1 -0
- package/assets/hcl-d4ee186a.js +6 -0
- package/assets/hmac-generator-093872ee.js +1 -0
- package/assets/html-e962b0ce.js +6 -0
- package/assets/html-entities-20010e46.js +1 -0
- package/assets/html-wysiwyg-editor-b5b79779.css +1 -0
- package/assets/html-wysiwyg-editor-dc050e6a.js +143 -0
- package/assets/htmlMode-95ffb1da.js +9 -0
- package/assets/http-status-codes-f542762a.js +1 -0
- package/assets/iban-validator-and-parser-f6ec3d84.js +13 -0
- package/assets/index-01d0fc63.js +1370 -0
- package/assets/index-12c42436.js +22 -0
- package/assets/index-14563ccd.css +1 -0
- package/assets/index-231c3e11.js +14 -0
- package/assets/index-2c6ca995.js +16 -0
- package/assets/index-3aa13386.js +1 -0
- package/assets/index-63220630.js +14 -0
- package/assets/index-8c244bdc.js +1 -0
- package/assets/index-f68143c3.js +11 -0
- package/assets/ini-41c1946f.js +6 -0
- package/assets/integer-base-converter-170a0120.js +1 -0
- package/assets/integer-base-converter-fea045ae.css +1 -0
- package/assets/integer-base-converter.model-834f64a6.js +1 -0
- package/assets/ipv4-address-converter-951dd3a1.js +1 -0
- package/assets/ipv4-address-converter.service-5eca2303.js +1 -0
- package/assets/ipv4-range-expander-77529d33.js +1 -0
- package/assets/ipv4-subnet-calculator-0765b5a3.js +1 -0
- package/assets/ipv6-ula-generator-a227ad1d.js +1 -0
- package/assets/is-browser-fc34c9a6.js +1 -0
- package/assets/java-47f7782f.js +6 -0
- package/assets/javascript-dc831e1c.js +6 -0
- package/assets/json-diff-0c87ccdc.css +1 -0
- package/assets/json-diff-b65e7116.js +1 -0
- package/assets/json-minify-7f8d657a.js +5 -0
- package/assets/json-to-csv-f0a07574.js +2 -0
- package/assets/json-to-toml-13b9d4b1.js +2 -0
- package/assets/json-to-xml-46f59009.js +1 -0
- package/assets/json-to-yaml-cbeb8558.js +1 -0
- package/assets/json-viewer-268bc972.js +1 -0
- package/assets/json-viewer-d387c416.css +1 -0
- package/assets/jsonMode-58ab16e2.js +11 -0
- package/assets/julia-f7e41405.js +6 -0
- package/assets/jwt-parser-2e30b2d6.js +1 -0
- package/assets/jwt-parser-50e53634.css +1 -0
- package/assets/keycode-info-a032e8f4.js +1 -0
- package/assets/kotlin-ae5ef343.js +6 -0
- package/assets/less-1fe8fdbb.js +7 -0
- package/assets/lexon-b30b84ba.js +6 -0
- package/assets/liquid-af26062b.js +6 -0
- package/assets/list-converter-11cbde31.js +3 -0
- package/assets/lorem-ipsum-generator-da85b585.js +5 -0
- package/assets/lua-98fb5662.js +6 -0
- package/assets/m3-bebbe313.js +6 -0
- package/assets/mac-address-generator-234fbe8f.js +2 -0
- package/assets/mac-address-lookup-0694c3ba.js +102348 -0
- package/assets/macAddress-dfb969b0.js +1 -0
- package/assets/markdown-d21a565e.js +6 -0
- package/assets/markdown-to-html-6565adf1.js +16 -0
- package/assets/math-evaluator-286ab429.js +71 -0
- package/assets/mdx-70a3edf4.js +6 -0
- package/assets/meta-tag-generator-4be4cd50.js +53 -0
- package/assets/meta-tag-generator-b150f5ae.css +1 -0
- package/assets/mime-types-b7f86a27.js +1 -0
- package/assets/mips-a6f8cea7.js +6 -0
- package/assets/msdax-b68e245c.js +6 -0
- package/assets/mysql-5b539782.js +6 -0
- package/assets/numeronym-generator-3a497cbe.js +1 -0
- package/assets/objective-c-2b1285e8.js +6 -0
- package/assets/otp-code-generator-and-validator-315dde55.css +1 -0
- package/assets/otp-code-generator-and-validator-6aedd63f.js +166 -0
- package/assets/pascal-4649eefa.js +6 -0
- package/assets/pascaligo-ae9a3940.js +6 -0
- package/assets/password-strength-analyser-0a24e554.js +1 -0
- package/assets/pdf-signature-checker-95d8a436.js +3049 -0
- package/assets/percentage-calculator-9402d8b0.js +1 -0
- package/assets/perl-36ad82fa.js +6 -0
- package/assets/pgsql-e710ca22.js +6 -0
- package/assets/phone-parser-and-formatter-afcb0e67.js +7 -0
- package/assets/php-9f7865da.js +6 -0
- package/assets/pla-54a12d9b.js +6 -0
- package/assets/postiats-7c2e9d70.js +6 -0
- package/assets/powerquery-f1a5c841.js +6 -0
- package/assets/powershell-da6840f5.js +6 -0
- package/assets/prime.worker.min-e367bd53.js +2 -0
- package/assets/protobuf-1aff1783.js +7 -0
- package/assets/public-api-1d5b2fbb.js +134 -0
- package/assets/pug-58d85519.js +6 -0
- package/assets/python-f562a315.js +6 -0
- package/assets/qr-code-generator-ca3ee0d1.js +1 -0
- package/assets/qsharp-3747268d.js +6 -0
- package/assets/queryParams-58db1e7b.js +1 -0
- package/assets/r-3faaa0ed.js +6 -0
- package/assets/random-port-generator-1c387010.css +1 -0
- package/assets/random-port-generator-ad07fddf.js +1 -0
- package/assets/razor-ab3af78d.js +6 -0
- package/assets/redis-e60e99b1.js +6 -0
- package/assets/redshift-9471542a.js +6 -0
- package/assets/regex-memo-677bdef7.css +1 -0
- package/assets/regex-memo-f19e5afd.js +1 -0
- package/assets/regex-tester-3401d417.js +87 -0
- package/assets/restructuredtext-2ed0fd83.js +6 -0
- package/assets/roman-numeral-converter-0e069c84.js +1 -0
- package/assets/roman-numeral-converter-fae8a4be.css +1 -0
- package/assets/rsa-key-pair-generator-90bf1bd4.js +1 -0
- package/assets/ruby-25cf1311.js +6 -0
- package/assets/rust-ed06c9d7.js +6 -0
- package/assets/safelink-decoder-bda49476.js +1 -0
- package/assets/sb-c1c59486.js +6 -0
- package/assets/scala-b8919493.js +6 -0
- package/assets/scheme-03c92c15.js +6 -0
- package/assets/scss-3439df1c.js +8 -0
- package/assets/shell-5561a5b3.js +6 -0
- package/assets/slugify-string-3a9209be.js +1 -0
- package/assets/solidity-d6124224.js +6 -0
- package/assets/sophia-8f79d2a2.js +6 -0
- package/assets/sparql-8602c7d8.js +6 -0
- package/assets/sql-435600dc.js +6 -0
- package/assets/sql-prettify-333609a0.js +21 -0
- package/assets/sql-prettify-e3b0c442.css +0 -0
- package/assets/st-aef311b0.js +6 -0
- package/assets/string-obfuscator-bd8beed1.js +1 -0
- package/assets/svg-placeholder-generator-467d394f.js +6 -0
- package/assets/svg-placeholder-generator-60893440.css +1 -0
- package/assets/swift-9dc68841.js +8 -0
- package/assets/systemverilog-46198f6a.js +6 -0
- package/assets/tcl-cb6e370b.js +6 -0
- package/assets/temperature-converter-d9084f7b.js +1 -0
- package/assets/text-diff-1862df68.css +1 -0
- package/assets/text-diff-4b33871e.js +738 -0
- package/assets/text-statistics-61dbfe91.js +1 -0
- package/assets/text-to-binary-7ba97b8f.js +1 -0
- package/assets/text-to-nato-alphabet-600e4313.js +1 -0
- package/assets/text-to-unicode-abb6c3c7.js +1 -0
- package/assets/token-generator.service-e0fc52bc.js +1 -0
- package/assets/token-generator.tool-412a186d.js +1 -0
- package/assets/token-generator.tool-da0729d3.css +1 -0
- package/assets/toml-esm-9c5f6a1e.js +17 -0
- package/assets/toml-to-json-6024b95e.js +1 -0
- package/assets/toml-to-yaml-cee705ee.js +1 -0
- package/assets/toml.services-387bcfeb.js +1 -0
- package/assets/tsMode-2b8efb49.js +16 -0
- package/assets/twig-2fc36860.js +6 -0
- package/assets/typescript-08d91f25.js +6 -0
- package/assets/ulid-generator-0502ccc9.js +2 -0
- package/assets/url-encoder-db05c372.js +1 -0
- package/assets/url-parser-05963146.css +1 -0
- package/assets/url-parser-e5be6a08.js +1 -0
- package/assets/use-form-item-5820adda.js +1 -0
- package/assets/use-locale-6feb5d00.js +1 -0
- package/assets/useQRCode-9932c610.js +59 -0
- package/assets/user-agent-parser-ecca9baf.js +1 -0
- package/assets/uuid-generator-847e051b.css +1 -0
- package/assets/uuid-generator-85f83e69.js +2 -0
- package/assets/vb-c8fb3e3d.js +6 -0
- package/assets/wgsl-36d9888f.js +303 -0
- package/assets/wifi-qr-code-generator-947e00cf.js +1 -0
- package/assets/workbox-window.prod.es5-a7b12eab.js +2 -0
- package/assets/xml-4047b2d6.js +6 -0
- package/assets/xml-formatter-773be192.js +2 -0
- package/assets/xml-formatter.service-9d7978b3.js +4 -0
- package/assets/xml-to-json-26437f78.js +1 -0
- package/assets/yaml-5e52994c.js +6 -0
- package/assets/yaml-to-json-7b20eabd.js +1 -0
- package/assets/yaml-to-toml-17947e2d.js +2 -0
- package/assets/yaml-viewer-96cfa9ad.js +1 -0
- package/assets/yaml-viewer-dd416632.css +1 -0
- package/banner.png +0 -0
- package/browserconfig.xml +9 -0
- package/favicon-16x16.png +0 -0
- package/favicon-32x32.png +0 -0
- package/favicon.ico +0 -0
- package/humans.txt +4 -0
- package/index.html +54 -0
- package/logo.png +0 -0
- package/manifest.webmanifest +1 -0
- package/mstile-144x144.png +0 -0
- package/mstile-150x150.png +0 -0
- package/mstile-310x150.png +0 -0
- package/mstile-310x310.png +0 -0
- package/mstile-70x70.png +0 -0
- package/package.json +22 -0
- package/plugin.json +1724 -0
- package/robots.txt +2 -0
- package/safari-pinned-tab.svg +6 -0
- package/sw.js +1 -0
- package/workbox-3e8df8c8.js +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as e,d as l,p as n,S as t,aR as a}from"./index-01d0fc63.js";const c=Object.assign(Object.assign({},e.props),{trigger:String,xScrollable:Boolean,onScroll:Function,size:Number}),i=l({name:"Scrollbar",props:c,setup(){const r=n(null);return Object.assign(Object.assign({},{scrollTo:(...o)=>{var s;(s=r.value)===null||s===void 0||s.scrollTo(o[0],o[1])},scrollBy:(...o)=>{var s;(s=r.value)===null||s===void 0||s.scrollBy(o[0],o[1])}}),{scrollbarInstRef:r})},render(){return t(a,Object.assign({ref:"scrollbarInstRef"},this.$props),this.$slots)}}),u=i;export{u as _};
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import{aA as We,cr as Ge,p as x,cs as Ze,H as V,I as n,K as b,aD as j,bZ as ue,bg as qe,bh as Je,d as Qe,L as eo,M as ge,f as w,au as oo,aG as to,v as he,b5 as J,ao,P as ve,b$ as no,c0 as Q,S as v,c2 as ro,c3 as lo,b3 as io,c4 as so,U as co,b2 as N,ba as U,aK as fe}from"./index-01d0fc63.js";import{u as uo}from"./use-form-item-5820adda.js";const ho=a=>{const l="rgba(0, 0, 0, .85)",y="0 2px 8px 0 rgba(0, 0, 0, 0.12)",{railColor:f,primaryColor:s,baseColor:d,cardColor:z,modalColor:R,popoverColor:O,borderRadius:L,fontSize:B,opacityDisabled:$}=a;return Object.assign(Object.assign({},Ge),{fontSize:B,markFontSize:B,railColor:f,railColorHover:f,fillColor:s,fillColorHover:s,opacityDisabled:$,handleColor:"#FFF",dotColor:z,dotColorModal:R,dotColorPopover:O,handleBoxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowHover:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowActive:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowFocus:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",indicatorColor:l,indicatorBoxShadow:y,indicatorTextColor:d,indicatorBorderRadius:L,dotBorder:`2px solid ${f}`,dotBorderActive:`2px solid ${s}`,dotBoxShadow:""})},vo={name:"Slider",common:We,self:ho},fo=vo;function be(a){return window.TouchEvent&&a instanceof window.TouchEvent}function me(){const a=x(new Map),l=y=>f=>{a.value.set(y,f)};return Ze(()=>{a.value.clear()}),[a,l]}const bo=V([n("slider",`
|
|
2
|
+
display: block;
|
|
3
|
+
padding: calc((var(--n-handle-size) - var(--n-rail-height)) / 2) 0;
|
|
4
|
+
position: relative;
|
|
5
|
+
z-index: 0;
|
|
6
|
+
width: 100%;
|
|
7
|
+
cursor: pointer;
|
|
8
|
+
user-select: none;
|
|
9
|
+
-webkit-user-select: none;
|
|
10
|
+
`,[b("reverse",[n("slider-handles",[n("slider-handle-wrapper",`
|
|
11
|
+
transform: translate(50%, -50%);
|
|
12
|
+
`)]),n("slider-dots",[n("slider-dot",`
|
|
13
|
+
transform: translateX(50%, -50%);
|
|
14
|
+
`)]),b("vertical",[n("slider-handles",[n("slider-handle-wrapper",`
|
|
15
|
+
transform: translate(-50%, -50%);
|
|
16
|
+
`)]),n("slider-marks",[n("slider-mark",`
|
|
17
|
+
transform: translateY(calc(-50% + var(--n-dot-height) / 2));
|
|
18
|
+
`)]),n("slider-dots",[n("slider-dot",`
|
|
19
|
+
transform: translateX(-50%) translateY(0);
|
|
20
|
+
`)])])]),b("vertical",`
|
|
21
|
+
padding: 0 calc((var(--n-handle-size) - var(--n-rail-height)) / 2);
|
|
22
|
+
width: var(--n-rail-width-vertical);
|
|
23
|
+
height: 100%;
|
|
24
|
+
`,[n("slider-handles",`
|
|
25
|
+
top: calc(var(--n-handle-size) / 2);
|
|
26
|
+
right: 0;
|
|
27
|
+
bottom: calc(var(--n-handle-size) / 2);
|
|
28
|
+
left: 0;
|
|
29
|
+
`,[n("slider-handle-wrapper",`
|
|
30
|
+
top: unset;
|
|
31
|
+
left: 50%;
|
|
32
|
+
transform: translate(-50%, 50%);
|
|
33
|
+
`)]),n("slider-rail",`
|
|
34
|
+
height: 100%;
|
|
35
|
+
`,[j("fill",`
|
|
36
|
+
top: unset;
|
|
37
|
+
right: 0;
|
|
38
|
+
bottom: unset;
|
|
39
|
+
left: 0;
|
|
40
|
+
`)]),b("with-mark",`
|
|
41
|
+
width: var(--n-rail-width-vertical);
|
|
42
|
+
margin: 0 32px 0 8px;
|
|
43
|
+
`),n("slider-marks",`
|
|
44
|
+
top: calc(var(--n-handle-size) / 2);
|
|
45
|
+
right: unset;
|
|
46
|
+
bottom: calc(var(--n-handle-size) / 2);
|
|
47
|
+
left: 22px;
|
|
48
|
+
font-size: var(--n-mark-font-size);
|
|
49
|
+
`,[n("slider-mark",`
|
|
50
|
+
transform: translateY(50%);
|
|
51
|
+
white-space: nowrap;
|
|
52
|
+
`)]),n("slider-dots",`
|
|
53
|
+
top: calc(var(--n-handle-size) / 2);
|
|
54
|
+
right: unset;
|
|
55
|
+
bottom: calc(var(--n-handle-size) / 2);
|
|
56
|
+
left: 50%;
|
|
57
|
+
`,[n("slider-dot",`
|
|
58
|
+
transform: translateX(-50%) translateY(50%);
|
|
59
|
+
`)])]),b("disabled",`
|
|
60
|
+
cursor: not-allowed;
|
|
61
|
+
opacity: var(--n-opacity-disabled);
|
|
62
|
+
`,[n("slider-handle",`
|
|
63
|
+
cursor: not-allowed;
|
|
64
|
+
`)]),b("with-mark",`
|
|
65
|
+
width: 100%;
|
|
66
|
+
margin: 8px 0 32px 0;
|
|
67
|
+
`),V("&:hover",[n("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[j("fill",{backgroundColor:"var(--n-fill-color-hover)"})]),n("slider-handle",{boxShadow:"var(--n-handle-box-shadow-hover)"})]),b("active",[n("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[j("fill",{backgroundColor:"var(--n-fill-color-hover)"})]),n("slider-handle",{boxShadow:"var(--n-handle-box-shadow-hover)"})]),n("slider-marks",`
|
|
68
|
+
position: absolute;
|
|
69
|
+
top: 18px;
|
|
70
|
+
left: calc(var(--n-handle-size) / 2);
|
|
71
|
+
right: calc(var(--n-handle-size) / 2);
|
|
72
|
+
`,[n("slider-mark",`
|
|
73
|
+
position: absolute;
|
|
74
|
+
transform: translateX(-50%);
|
|
75
|
+
white-space: nowrap;
|
|
76
|
+
`)]),n("slider-rail",`
|
|
77
|
+
width: 100%;
|
|
78
|
+
position: relative;
|
|
79
|
+
height: var(--n-rail-height);
|
|
80
|
+
background-color: var(--n-rail-color);
|
|
81
|
+
transition: background-color .3s var(--n-bezier);
|
|
82
|
+
border-radius: calc(var(--n-rail-height) / 2);
|
|
83
|
+
`,[j("fill",`
|
|
84
|
+
position: absolute;
|
|
85
|
+
top: 0;
|
|
86
|
+
bottom: 0;
|
|
87
|
+
border-radius: calc(var(--n-rail-height) / 2);
|
|
88
|
+
transition: background-color .3s var(--n-bezier);
|
|
89
|
+
background-color: var(--n-fill-color);
|
|
90
|
+
`)]),n("slider-handles",`
|
|
91
|
+
position: absolute;
|
|
92
|
+
top: 0;
|
|
93
|
+
right: calc(var(--n-handle-size) / 2);
|
|
94
|
+
bottom: 0;
|
|
95
|
+
left: calc(var(--n-handle-size) / 2);
|
|
96
|
+
`,[n("slider-handle-wrapper",`
|
|
97
|
+
outline: none;
|
|
98
|
+
position: absolute;
|
|
99
|
+
top: 50%;
|
|
100
|
+
transform: translate(-50%, -50%);
|
|
101
|
+
cursor: pointer;
|
|
102
|
+
display: flex;
|
|
103
|
+
`,[n("slider-handle",`
|
|
104
|
+
height: var(--n-handle-size);
|
|
105
|
+
width: var(--n-handle-size);
|
|
106
|
+
border-radius: 50%;
|
|
107
|
+
overflow: hidden;
|
|
108
|
+
transition: box-shadow .2s var(--n-bezier), background-color .3s var(--n-bezier);
|
|
109
|
+
background-color: var(--n-handle-color);
|
|
110
|
+
box-shadow: var(--n-handle-box-shadow);
|
|
111
|
+
`,[V("&:hover",`
|
|
112
|
+
box-shadow: var(--n-handle-box-shadow-hover);
|
|
113
|
+
`)]),V("&:focus",[n("slider-handle",`
|
|
114
|
+
box-shadow: var(--n-handle-box-shadow-focus);
|
|
115
|
+
`,[V("&:hover",`
|
|
116
|
+
box-shadow: var(--n-handle-box-shadow-active);
|
|
117
|
+
`)])])])]),n("slider-dots",`
|
|
118
|
+
position: absolute;
|
|
119
|
+
top: 50%;
|
|
120
|
+
left: calc(var(--n-handle-size) / 2);
|
|
121
|
+
right: calc(var(--n-handle-size) / 2);
|
|
122
|
+
`,[b("transition-disabled",[n("slider-dot","transition: none;")]),n("slider-dot",`
|
|
123
|
+
transition:
|
|
124
|
+
border-color .3s var(--n-bezier),
|
|
125
|
+
box-shadow .3s var(--n-bezier),
|
|
126
|
+
background-color .3s var(--n-bezier);
|
|
127
|
+
position: absolute;
|
|
128
|
+
transform: translate(-50%, -50%);
|
|
129
|
+
height: var(--n-dot-height);
|
|
130
|
+
width: var(--n-dot-width);
|
|
131
|
+
border-radius: var(--n-dot-border-radius);
|
|
132
|
+
overflow: hidden;
|
|
133
|
+
box-sizing: border-box;
|
|
134
|
+
border: var(--n-dot-border);
|
|
135
|
+
background-color: var(--n-dot-color);
|
|
136
|
+
`,[b("active","border: var(--n-dot-border-active);")])])]),n("slider-handle-indicator",`
|
|
137
|
+
font-size: var(--n-font-size);
|
|
138
|
+
padding: 6px 10px;
|
|
139
|
+
border-radius: var(--n-indicator-border-radius);
|
|
140
|
+
color: var(--n-indicator-text-color);
|
|
141
|
+
background-color: var(--n-indicator-color);
|
|
142
|
+
box-shadow: var(--n-indicator-box-shadow);
|
|
143
|
+
`,[ue()]),n("slider-handle-indicator",`
|
|
144
|
+
font-size: var(--n-font-size);
|
|
145
|
+
padding: 6px 10px;
|
|
146
|
+
border-radius: var(--n-indicator-border-radius);
|
|
147
|
+
color: var(--n-indicator-text-color);
|
|
148
|
+
background-color: var(--n-indicator-color);
|
|
149
|
+
box-shadow: var(--n-indicator-box-shadow);
|
|
150
|
+
`,[b("top",`
|
|
151
|
+
margin-bottom: 12px;
|
|
152
|
+
`),b("right",`
|
|
153
|
+
margin-left: 12px;
|
|
154
|
+
`),b("bottom",`
|
|
155
|
+
margin-top: 12px;
|
|
156
|
+
`),b("left",`
|
|
157
|
+
margin-right: 12px;
|
|
158
|
+
`),ue()]),qe(n("slider",[n("slider-dot","background-color: var(--n-dot-color-modal);")])),Je(n("slider",[n("slider-dot","background-color: var(--n-dot-color-popover);")]))]),mo=0,go=Object.assign(Object.assign({},ge.props),{to:Q.propTo,defaultValue:{type:[Number,Array],default:0},marks:Object,disabled:{type:Boolean,default:void 0},formatTooltip:Function,keyboard:{type:Boolean,default:!0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:[Number,String],default:1},range:Boolean,value:[Number,Array],placement:String,showTooltip:{type:Boolean,default:void 0},tooltip:{type:Boolean,default:!0},vertical:Boolean,reverse:Boolean,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array]}),xo=Qe({name:"Slider",props:go,setup(a){const{mergedClsPrefixRef:l,namespaceRef:y,inlineThemeDisabled:f}=eo(a),s=ge("Slider","-slider",bo,fo,a,l),d=x(null),[z,R]=me(),[O,L]=me(),B=x(new Set),$=uo(a),{mergedDisabledRef:D}=$,ee=w(()=>{const{step:e}=a;if(Number(e)<=0||e==="mark")return 0;const o=e.toString();let t=0;return o.includes(".")&&(t=o.length-o.indexOf(".")-1),t}),K=x(a.defaultValue),pe=oo(a,"value"),X=to(pe,K),m=w(()=>{const{value:e}=X;return(a.range?e:[e]).map(ie)}),oe=w(()=>m.value.length>2),we=w(()=>a.placement===void 0?a.vertical?"right":"top":a.placement),te=w(()=>{const{marks:e}=a;return e?Object.keys(e).map(parseFloat):null}),g=x(-1),ae=x(-1),C=x(-1),S=x(!1),F=x(!1),Y=w(()=>{const{vertical:e,reverse:o}=a;return e?o?"top":"bottom":o?"right":"left"}),xe=w(()=>{if(oe.value)return;const e=m.value,o=H(a.range?Math.min(...e):a.min),t=H(a.range?Math.max(...e):e[0]),{value:r}=Y;return a.vertical?{[r]:`${o}%`,height:`${t-o}%`}:{[r]:`${o}%`,width:`${t-o}%`}}),ke=w(()=>{const e=[],{marks:o}=a;if(o){const t=m.value.slice();t.sort((u,h)=>u-h);const{value:r}=Y,{value:i}=oe,{range:c}=a,p=i?()=>!1:u=>c?u>=t[0]&&u<=t[t.length-1]:u<=t[0];for(const u of Object.keys(o)){const h=Number(u);e.push({active:p(h),label:o[u],style:{[r]:`${H(h)}%`}})}}return e});function ye(e,o){const t=H(e),{value:r}=Y;return{[r]:`${t}%`,zIndex:o===g.value?1:0}}function ne(e){return a.showTooltip||C.value===e||g.value===e&&S.value}function Re(e){return S.value?!(g.value===e&&ae.value===e):!0}function Ce(e){var o;~e&&(g.value=e,(o=z.value.get(e))===null||o===void 0||o.focus())}function Se(){O.value.forEach((e,o)=>{ne(o)&&e.syncPosition()})}function re(e){const{"onUpdate:value":o,onUpdateValue:t}=a,{nTriggerFormInput:r,nTriggerFormChange:i}=$;t&&fe(t,e),o&&fe(o,e),K.value=e,r(),i()}function le(e){const{range:o}=a;if(o){if(Array.isArray(e)){const{value:t}=m;e.join()!==t.join()&&re(e)}}else Array.isArray(e)||m.value[0]!==e&&re(e)}function W(e,o){if(a.range){const t=m.value.slice();t.splice(o,1,e),le(t)}else le(e)}function G(e,o,t){const r=t!==void 0;t||(t=e-o>0?1:-1);const i=te.value||[],{step:c}=a;if(c==="mark"){const h=I(e,i.concat(o),r?t:void 0);return h?h.value:o}if(c<=0)return o;const{value:p}=ee;let u;if(r){const h=Number((o/c).toFixed(p)),k=Math.floor(h),Z=h>k?k:k-1,q=h<k?k:k+1;u=I(o,[Number((Z*c).toFixed(p)),Number((q*c).toFixed(p)),...i],t)}else{const h=Te(e);u=I(e,[...i,h])}return u?ie(u.value):o}function ie(e){return Math.min(a.max,Math.max(a.min,e))}function H(e){const{max:o,min:t}=a;return(e-t)/(o-t)*100}function ze(e){const{max:o,min:t}=a;return t+(o-t)*e}function Te(e){const{step:o,min:t}=a;if(Number(o)<=0||o==="mark")return e;const r=Math.round((e-t)/o)*o+t;return Number(r.toFixed(ee.value))}function I(e,o=te.value,t){if(!o?.length)return null;let r=null,i=-1;for(;++i<o.length;){const c=o[i]-e,p=Math.abs(c);(t===void 0||c*t>0)&&(r===null||p<r.distance)&&(r={index:i,distance:p,value:o[i]})}return r}function se(e){const o=d.value;if(!o)return;const t=be(e)?e.touches[0]:e,r=o.getBoundingClientRect();let i;return a.vertical?i=(r.bottom-t.clientY)/r.height:i=(t.clientX-r.left)/r.width,a.reverse&&(i=1-i),ze(i)}function Me(e){if(D.value||!a.keyboard)return;const{vertical:o,reverse:t}=a;switch(e.key){case"ArrowUp":e.preventDefault(),A(o&&t?-1:1);break;case"ArrowRight":e.preventDefault(),A(!o&&t?-1:1);break;case"ArrowDown":e.preventDefault(),A(o&&t?1:-1);break;case"ArrowLeft":e.preventDefault(),A(!o&&t?1:-1);break}}function A(e){const o=g.value;if(o===-1)return;const{step:t}=a,r=m.value[o],i=Number(t)<=0||t==="mark"?r:r+t*e;W(G(i,r,e>0?1:-1),o)}function Ve(e){var o,t;if(D.value||!be(e)&&e.button!==mo)return;const r=se(e);if(r===void 0)return;const i=m.value.slice(),c=a.range?(t=(o=I(r,i))===null||o===void 0?void 0:o.index)!==null&&t!==void 0?t:-1:0;c!==-1&&(e.preventDefault(),Ce(c),Be(),W(G(r,m.value[c]),c))}function Be(){S.value||(S.value=!0,N("touchend",document,_),N("mouseup",document,_),N("touchmove",document,P),N("mousemove",document,P))}function E(){S.value&&(S.value=!1,U("touchend",document,_),U("mouseup",document,_),U("touchmove",document,P),U("mousemove",document,P))}function P(e){const{value:o}=g;if(!S.value||o===-1){E();return}const t=se(e);W(G(t,m.value[o]),o)}function _(){E()}function $e(e){g.value=e,D.value||(C.value=e)}function De(e){g.value===e&&(g.value=-1,E()),C.value===e&&(C.value=-1)}function Fe(e){C.value=e}function He(e){C.value===e&&(C.value=-1)}he(g,(e,o)=>void J(()=>ae.value=o)),he(X,()=>{if(a.marks){if(F.value)return;F.value=!0,J(()=>{F.value=!1})}J(Se)}),ao(()=>{E()});const de=w(()=>{const{self:{markFontSize:e,railColor:o,railColorHover:t,fillColor:r,fillColorHover:i,handleColor:c,opacityDisabled:p,dotColor:u,dotColorModal:h,handleBoxShadow:k,handleBoxShadowHover:Z,handleBoxShadowActive:q,handleBoxShadowFocus:Ie,dotBorder:Ae,dotBoxShadow:Ee,railHeight:Pe,railWidthVertical:_e,handleSize:je,dotHeight:Ne,dotWidth:Ue,dotBorderRadius:Oe,fontSize:Le,dotBorderActive:Ke,dotColorPopover:Xe},common:{cubicBezierEaseInOut:Ye}}=s.value;return{"--n-bezier":Ye,"--n-dot-border":Ae,"--n-dot-border-active":Ke,"--n-dot-border-radius":Oe,"--n-dot-box-shadow":Ee,"--n-dot-color":u,"--n-dot-color-modal":h,"--n-dot-color-popover":Xe,"--n-dot-height":Ne,"--n-dot-width":Ue,"--n-fill-color":r,"--n-fill-color-hover":i,"--n-font-size":Le,"--n-handle-box-shadow":k,"--n-handle-box-shadow-active":q,"--n-handle-box-shadow-focus":Ie,"--n-handle-box-shadow-hover":Z,"--n-handle-color":c,"--n-handle-size":je,"--n-opacity-disabled":p,"--n-rail-color":o,"--n-rail-color-hover":t,"--n-rail-height":Pe,"--n-rail-width-vertical":_e,"--n-mark-font-size":e}}),T=f?ve("slider",void 0,de,a):void 0,ce=w(()=>{const{self:{fontSize:e,indicatorColor:o,indicatorBoxShadow:t,indicatorTextColor:r,indicatorBorderRadius:i}}=s.value;return{"--n-font-size":e,"--n-indicator-border-radius":i,"--n-indicator-box-shadow":t,"--n-indicator-color":o,"--n-indicator-text-color":r}}),M=f?ve("slider-indicator",void 0,ce,a):void 0;return{mergedClsPrefix:l,namespace:y,uncontrolledValue:K,mergedValue:X,mergedDisabled:D,mergedPlacement:we,isMounted:no(),adjustedTo:Q(a),dotTransitionDisabled:F,markInfos:ke,isShowTooltip:ne,shouldKeepTooltipTransition:Re,handleRailRef:d,setHandleRefs:R,setFollowerRefs:L,fillStyle:xe,getHandleStyle:ye,activeIndex:g,arrifiedValues:m,followerEnabledIndexSet:B,handleRailMouseDown:Ve,handleHandleFocus:$e,handleHandleBlur:De,handleHandleMouseEnter:Fe,handleHandleMouseLeave:He,handleRailKeyDown:Me,indicatorCssVars:f?void 0:ce,indicatorThemeClass:M?.themeClass,indicatorOnRender:M?.onRender,cssVars:f?void 0:de,themeClass:T?.themeClass,onRender:T?.onRender}},render(){var a;const{mergedClsPrefix:l,themeClass:y,formatTooltip:f}=this;return(a=this.onRender)===null||a===void 0||a.call(this),v("div",{class:[`${l}-slider`,y,{[`${l}-slider--disabled`]:this.mergedDisabled,[`${l}-slider--active`]:this.activeIndex!==-1,[`${l}-slider--with-mark`]:this.marks,[`${l}-slider--vertical`]:this.vertical,[`${l}-slider--reverse`]:this.reverse}],style:this.cssVars,onKeydown:this.handleRailKeyDown,onMousedown:this.handleRailMouseDown,onTouchstart:this.handleRailMouseDown},v("div",{class:`${l}-slider-rail`},v("div",{class:`${l}-slider-rail__fill`,style:this.fillStyle}),this.marks?v("div",{class:[`${l}-slider-dots`,this.dotTransitionDisabled&&`${l}-slider-dots--transition-disabled`]},this.markInfos.map(s=>v("div",{key:s.label,class:[`${l}-slider-dot`,{[`${l}-slider-dot--active`]:s.active}],style:s.style}))):null,v("div",{ref:"handleRailRef",class:`${l}-slider-handles`},this.arrifiedValues.map((s,d)=>{const z=this.isShowTooltip(d);return v(ro,null,{default:()=>[v(lo,null,{default:()=>v("div",{ref:this.setHandleRefs(d),class:`${l}-slider-handle-wrapper`,tabindex:this.mergedDisabled?-1:0,style:this.getHandleStyle(s,d),onFocus:()=>{this.handleHandleFocus(d)},onBlur:()=>{this.handleHandleBlur(d)},onMouseenter:()=>{this.handleHandleMouseEnter(d)},onMouseleave:()=>{this.handleHandleMouseLeave(d)}},io(this.$slots.thumb,()=>[v("div",{class:`${l}-slider-handle`})]))}),this.tooltip&&v(so,{ref:this.setFollowerRefs(d),show:z,to:this.adjustedTo,enabled:this.showTooltip&&!this.range||this.followerEnabledIndexSet.has(d),teleportDisabled:this.adjustedTo===Q.tdkey,placement:this.mergedPlacement,containerClass:this.namespace},{default:()=>v(co,{name:"fade-in-scale-up-transition",appear:this.isMounted,css:this.shouldKeepTooltipTransition(d),onEnter:()=>{this.followerEnabledIndexSet.add(d)},onAfterLeave:()=>{this.followerEnabledIndexSet.delete(d)}},{default:()=>{var R;return z?((R=this.indicatorOnRender)===null||R===void 0||R.call(this),v("div",{class:[`${l}-slider-handle-indicator`,this.indicatorThemeClass,`${l}-slider-handle-indicator--${this.mergedPlacement}`],style:this.indicatorCssVars},typeof f=="function"?f(s):s)):null}})})]})})),this.marks?v("div",{class:`${l}-slider-marks`},this.markInfos.map(s=>v("div",{key:s.label,class:`${l}-slider-mark`,style:s.style},s.label))):null))}});export{xo as _};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as r,a8 as l,y as u,f,o as _,c as d,w as m,h as C,j as o,t as y,aY as x}from"./index-01d0fc63.js";const v="Copy to clipboard",b=r({__name:"SpanCopyable",props:{value:{default:""}},setup(s){const a=s,{value:t}=l(a),{copy:n,isJustCopied:p}=u({source:t,createToast:!1}),c=f(()=>p.value?"Copied!":v);return(k,e)=>{const i=x;return _(),d(i,{tooltip:o(c)},{default:m(()=>[C("span",{"cursor-pointer":"","font-mono":"",onClick:e[0]||(e[0]=B=>o(n)())},y(o(t)),1)]),_:1},8,["tooltip"])}}});export{b as _};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import{I as n,aD as o,d as S,L as C,M as v,aS as R,a0 as $,f as T,P as w,S as a,aI as r}from"./index-01d0fc63.js";const P=n("statistic",[o("label",`
|
|
2
|
+
font-weight: var(--n-label-font-weight);
|
|
3
|
+
transition: .3s color var(--n-bezier);
|
|
4
|
+
font-size: var(--n-label-font-size);
|
|
5
|
+
color: var(--n-label-text-color);
|
|
6
|
+
`),n("statistic-value",`
|
|
7
|
+
margin-top: 4px;
|
|
8
|
+
font-weight: var(--n-value-font-weight);
|
|
9
|
+
`,[o("prefix",`
|
|
10
|
+
margin: 0 4px 0 0;
|
|
11
|
+
font-size: var(--n-value-font-size);
|
|
12
|
+
transition: .3s color var(--n-bezier);
|
|
13
|
+
color: var(--n-value-prefix-text-color);
|
|
14
|
+
`,[n("icon",{verticalAlign:"-0.125em"})]),o("content",`
|
|
15
|
+
font-size: var(--n-value-font-size);
|
|
16
|
+
transition: .3s color var(--n-bezier);
|
|
17
|
+
color: var(--n-value-text-color);
|
|
18
|
+
`),o("suffix",`
|
|
19
|
+
margin: 0 0 0 4px;
|
|
20
|
+
font-size: var(--n-value-font-size);
|
|
21
|
+
transition: .3s color var(--n-bezier);
|
|
22
|
+
color: var(--n-value-suffix-text-color);
|
|
23
|
+
`,[n("icon",{verticalAlign:"-0.125em"})])])]),E=Object.assign(Object.assign({},v.props),{tabularNums:Boolean,label:String,value:[String,Number]}),N=S({name:"Statistic",props:E,setup(s){const{mergedClsPrefixRef:t,inlineThemeDisabled:i,mergedRtlRef:c}=C(s),u=v("Statistic","-statistic",P,R,s,t),f=$("Statistic",c,t),e=T(()=>{const{self:{labelFontWeight:d,valueFontSize:x,valueFontWeight:b,valuePrefixTextColor:m,labelTextColor:h,valueSuffixTextColor:g,valueTextColor:p,labelFontSize:z},common:{cubicBezierEaseInOut:_}}=u.value;return{"--n-bezier":_,"--n-label-font-size":z,"--n-label-font-weight":d,"--n-label-text-color":h,"--n-value-font-weight":b,"--n-value-font-size":x,"--n-value-prefix-text-color":m,"--n-value-suffix-text-color":g,"--n-value-text-color":p}}),l=i?w("statistic",void 0,e,s):void 0;return{rtlEnabled:f,mergedClsPrefix:t,cssVars:i?void 0:e,themeClass:l?.themeClass,onRender:l?.onRender}},render(){var s;const{mergedClsPrefix:t,$slots:{default:i,label:c,prefix:u,suffix:f}}=this;return(s=this.onRender)===null||s===void 0||s.call(this),a("div",{class:[`${t}-statistic`,this.themeClass,this.rtlEnabled&&`${t}-statistic--rtl`],style:this.cssVars},r(c,e=>a("div",{class:`${t}-statistic__label`},this.label||e)),a("div",{class:`${t}-statistic-value`,style:{fontVariantNumeric:this.tabularNums?"tabular-nums":""}},r(u,e=>e&&a("span",{class:`${t}-statistic-value__prefix`},e)),this.value!==void 0?a("span",{class:`${t}-statistic-value__content`},this.value):r(i,e=>e&&a("span",{class:`${t}-statistic-value__content`},e)),r(f,e=>e&&a("span",{class:`${t}-statistic-value__suffix`},e))))}});export{N as _};
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import{aA as se,aB as de,aC as ce,I as O,aD as t,aE as A,H as N,K as l,aF as I,d as ue,L as he,M as U,p as P,au as be,aG as fe,f as z,O as w,N as W,a2 as s,P as ge,aH as j,S as o,aI as m,aJ as ve,T as we,aK as H}from"./index-01d0fc63.js";import{u as me}from"./use-form-item-5820adda.js";const pe=e=>{const{primaryColor:d,opacityDisabled:f,borderRadius:i,textColor3:r}=e,p="rgba(0, 0, 0, .14)";return Object.assign(Object.assign({},de),{iconColor:r,textColor:"white",loadingColor:d,opacityDisabled:f,railColor:p,railColorActive:d,buttonBoxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",buttonColor:"#FFF",railBorderRadiusSmall:i,railBorderRadiusMedium:i,railBorderRadiusLarge:i,buttonBorderRadiusSmall:i,buttonBorderRadiusMedium:i,buttonBorderRadiusLarge:i,boxShadowFocus:`0 0 0 2px ${ce(d,{alpha:.2})}`})},ye={name:"Switch",common:se,self:pe},xe=ye,ke=O("switch",`
|
|
2
|
+
height: var(--n-height);
|
|
3
|
+
min-width: var(--n-width);
|
|
4
|
+
vertical-align: middle;
|
|
5
|
+
user-select: none;
|
|
6
|
+
-webkit-user-select: none;
|
|
7
|
+
display: inline-flex;
|
|
8
|
+
outline: none;
|
|
9
|
+
justify-content: center;
|
|
10
|
+
align-items: center;
|
|
11
|
+
`,[t("children-placeholder",`
|
|
12
|
+
height: var(--n-rail-height);
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
pointer-events: none;
|
|
17
|
+
visibility: hidden;
|
|
18
|
+
`),t("rail-placeholder",`
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-wrap: none;
|
|
21
|
+
`),t("button-placeholder",`
|
|
22
|
+
width: calc(1.75 * var(--n-rail-height));
|
|
23
|
+
height: var(--n-rail-height);
|
|
24
|
+
`),O("base-loading",`
|
|
25
|
+
position: absolute;
|
|
26
|
+
top: 50%;
|
|
27
|
+
left: 50%;
|
|
28
|
+
transform: translateX(-50%) translateY(-50%);
|
|
29
|
+
font-size: calc(var(--n-button-width) - 4px);
|
|
30
|
+
color: var(--n-loading-color);
|
|
31
|
+
transition: color .3s var(--n-bezier);
|
|
32
|
+
`,[A({left:"50%",top:"50%",originalTransform:"translateX(-50%) translateY(-50%)"})]),t("checked, unchecked",`
|
|
33
|
+
transition: color .3s var(--n-bezier);
|
|
34
|
+
color: var(--n-text-color);
|
|
35
|
+
box-sizing: border-box;
|
|
36
|
+
position: absolute;
|
|
37
|
+
white-space: nowrap;
|
|
38
|
+
top: 0;
|
|
39
|
+
bottom: 0;
|
|
40
|
+
display: flex;
|
|
41
|
+
align-items: center;
|
|
42
|
+
line-height: 1;
|
|
43
|
+
`),t("checked",`
|
|
44
|
+
right: 0;
|
|
45
|
+
padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));
|
|
46
|
+
`),t("unchecked",`
|
|
47
|
+
left: 0;
|
|
48
|
+
justify-content: flex-end;
|
|
49
|
+
padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
|
|
50
|
+
`),N("&:focus",[t("rail",`
|
|
51
|
+
box-shadow: var(--n-box-shadow-focus);
|
|
52
|
+
`)]),l("round",[t("rail","border-radius: calc(var(--n-rail-height) / 2);",[t("button","border-radius: calc(var(--n-button-height) / 2);")])]),I("disabled",[I("icon",[l("rubber-band",[l("pressed",[t("rail",[t("button","max-width: var(--n-button-width-pressed);")])]),t("rail",[N("&:active",[t("button","max-width: var(--n-button-width-pressed);")])]),l("active",[l("pressed",[t("rail",[t("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])]),t("rail",[N("&:active",[t("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])])])])])]),l("active",[t("rail",[t("button","left: calc(100% - var(--n-button-width) - var(--n-offset))")])]),t("rail",`
|
|
53
|
+
overflow: hidden;
|
|
54
|
+
height: var(--n-rail-height);
|
|
55
|
+
min-width: var(--n-rail-width);
|
|
56
|
+
border-radius: var(--n-rail-border-radius);
|
|
57
|
+
cursor: pointer;
|
|
58
|
+
position: relative;
|
|
59
|
+
transition:
|
|
60
|
+
opacity .3s var(--n-bezier),
|
|
61
|
+
background .3s var(--n-bezier),
|
|
62
|
+
box-shadow .3s var(--n-bezier);
|
|
63
|
+
background-color: var(--n-rail-color);
|
|
64
|
+
`,[t("button-icon",`
|
|
65
|
+
color: var(--n-icon-color);
|
|
66
|
+
transition: color .3s var(--n-bezier);
|
|
67
|
+
font-size: calc(var(--n-button-height) - 4px);
|
|
68
|
+
position: absolute;
|
|
69
|
+
left: 0;
|
|
70
|
+
right: 0;
|
|
71
|
+
top: 0;
|
|
72
|
+
bottom: 0;
|
|
73
|
+
display: flex;
|
|
74
|
+
justify-content: center;
|
|
75
|
+
align-items: center;
|
|
76
|
+
line-height: 1;
|
|
77
|
+
`,[A()]),t("button",`
|
|
78
|
+
align-items: center;
|
|
79
|
+
top: var(--n-offset);
|
|
80
|
+
left: var(--n-offset);
|
|
81
|
+
height: var(--n-button-height);
|
|
82
|
+
width: var(--n-button-width-pressed);
|
|
83
|
+
max-width: var(--n-button-width);
|
|
84
|
+
border-radius: var(--n-button-border-radius);
|
|
85
|
+
background-color: var(--n-button-color);
|
|
86
|
+
box-shadow: var(--n-button-box-shadow);
|
|
87
|
+
box-sizing: border-box;
|
|
88
|
+
cursor: inherit;
|
|
89
|
+
content: "";
|
|
90
|
+
position: absolute;
|
|
91
|
+
transition:
|
|
92
|
+
background-color .3s var(--n-bezier),
|
|
93
|
+
left .3s var(--n-bezier),
|
|
94
|
+
opacity .3s var(--n-bezier),
|
|
95
|
+
max-width .3s var(--n-bezier),
|
|
96
|
+
box-shadow .3s var(--n-bezier);
|
|
97
|
+
`)]),l("active",[t("rail","background-color: var(--n-rail-color-active);")]),l("loading",[t("rail",`
|
|
98
|
+
cursor: wait;
|
|
99
|
+
`)]),l("disabled",[t("rail",`
|
|
100
|
+
cursor: not-allowed;
|
|
101
|
+
opacity: .5;
|
|
102
|
+
`)])]),Ce=Object.assign(Object.assign({},U.props),{size:{type:String,default:"medium"},value:{type:[String,Number,Boolean],default:void 0},loading:Boolean,defaultValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:void 0},round:{type:Boolean,default:!0},"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},railStyle:Function,rubberBand:{type:Boolean,default:!0},onChange:[Function,Array]});let B;const Re=ue({name:"Switch",props:Ce,setup(e){B===void 0&&(typeof CSS<"u"?typeof CSS.supports<"u"?B=CSS.supports("width","max(1px)"):B=!1:B=!0);const{mergedClsPrefixRef:d,inlineThemeDisabled:f}=he(e),i=U("Switch","-switch",ke,xe,e,d),r=me(e),{mergedSizeRef:p,mergedDisabledRef:g}=r,k=P(e.defaultValue),R=be(e,"value"),v=fe(R,k),C=z(()=>v.value===e.checkedValue),y=P(!1),n=P(!1),c=z(()=>{const{railStyle:a}=e;if(a)return a({focused:n.value,checked:C.value})});function u(a){const{"onUpdate:value":$,onChange:_,onUpdateValue:V}=e,{nTriggerFormInput:F,nTriggerFormChange:T}=r;$&&H($,a),V&&H(V,a),_&&H(_,a),k.value=a,F(),T()}function E(){const{nTriggerFormFocus:a}=r;a()}function X(){const{nTriggerFormBlur:a}=r;a()}function Y(){e.loading||g.value||(v.value!==e.checkedValue?u(e.checkedValue):u(e.uncheckedValue))}function G(){n.value=!0,E()}function J(){n.value=!1,X(),y.value=!1}function q(a){e.loading||g.value||a.key===" "&&(v.value!==e.checkedValue?u(e.checkedValue):u(e.uncheckedValue),y.value=!1)}function Q(a){e.loading||g.value||a.key===" "&&(a.preventDefault(),y.value=!0)}const L=z(()=>{const{value:a}=p,{self:{opacityDisabled:$,railColor:_,railColorActive:V,buttonBoxShadow:F,buttonColor:T,boxShadowFocus:Z,loadingColor:ee,textColor:te,iconColor:ae,[w("buttonHeight",a)]:h,[w("buttonWidth",a)]:ne,[w("buttonWidthPressed",a)]:oe,[w("railHeight",a)]:b,[w("railWidth",a)]:S,[w("railBorderRadius",a)]:ie,[w("buttonBorderRadius",a)]:re},common:{cubicBezierEaseInOut:le}}=i.value;let D,K,M;return B?(D=`calc((${b} - ${h}) / 2)`,K=`max(${b}, ${h})`,M=`max(${S}, calc(${S} + ${h} - ${b}))`):(D=W((s(b)-s(h))/2),K=W(Math.max(s(b),s(h))),M=s(b)>s(h)?S:W(s(S)+s(h)-s(b))),{"--n-bezier":le,"--n-button-border-radius":re,"--n-button-box-shadow":F,"--n-button-color":T,"--n-button-width":ne,"--n-button-width-pressed":oe,"--n-button-height":h,"--n-height":K,"--n-offset":D,"--n-opacity-disabled":$,"--n-rail-border-radius":ie,"--n-rail-color":_,"--n-rail-color-active":V,"--n-rail-height":b,"--n-rail-width":S,"--n-width":M,"--n-box-shadow-focus":Z,"--n-loading-color":ee,"--n-text-color":te,"--n-icon-color":ae}}),x=f?ge("switch",z(()=>p.value[0]),L,e):void 0;return{handleClick:Y,handleBlur:J,handleFocus:G,handleKeyup:q,handleKeydown:Q,mergedRailStyle:c,pressed:y,mergedClsPrefix:d,mergedValue:v,checked:C,mergedDisabled:g,cssVars:f?void 0:L,themeClass:x?.themeClass,onRender:x?.onRender}},render(){const{mergedClsPrefix:e,mergedDisabled:d,checked:f,mergedRailStyle:i,onRender:r,$slots:p}=this;r?.();const{checked:g,unchecked:k,icon:R,"checked-icon":v,"unchecked-icon":C}=p,y=!(j(R)&&j(v)&&j(C));return o("div",{role:"switch","aria-checked":f,class:[`${e}-switch`,this.themeClass,y&&`${e}-switch--icon`,f&&`${e}-switch--active`,d&&`${e}-switch--disabled`,this.round&&`${e}-switch--round`,this.loading&&`${e}-switch--loading`,this.pressed&&`${e}-switch--pressed`,this.rubberBand&&`${e}-switch--rubber-band`],tabindex:this.mergedDisabled?void 0:0,style:this.cssVars,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},o("div",{class:`${e}-switch__rail`,"aria-hidden":"true",style:i},m(g,n=>m(k,c=>n||c?o("div",{"aria-hidden":!0,class:`${e}-switch__children-placeholder`},o("div",{class:`${e}-switch__rail-placeholder`},o("div",{class:`${e}-switch__button-placeholder`}),n),o("div",{class:`${e}-switch__rail-placeholder`},o("div",{class:`${e}-switch__button-placeholder`}),c)):null)),o("div",{class:`${e}-switch__button`},m(R,n=>m(v,c=>m(C,u=>o(ve,null,{default:()=>this.loading?o(we,{key:"loading",clsPrefix:e,strokeWidth:20}):this.checked&&(c||n)?o("div",{class:`${e}-switch__button-icon`,key:c?"checked-icon":"icon"},c||n):!this.checked&&(u||n)?o("div",{class:`${e}-switch__button-icon`,key:u?"unchecked-icon":"icon"},u||n):null})))),m(g,n=>n&&o("div",{key:"checked",class:`${e}-switch__checked`},n)),m(k,n=>n&&o("div",{key:"unchecked",class:`${e}-switch__unchecked`},n)))))}});export{Re as _};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import{H as r,I as n,K as t,aF as j,bg as H,bh as V,d as F,L as I,M as b,a0 as K,f as c,O as a,P as D,S as N,bj as W}from"./index-01d0fc63.js";const q=r([n("table",`
|
|
2
|
+
font-size: var(--n-font-size);
|
|
3
|
+
font-variant-numeric: tabular-nums;
|
|
4
|
+
line-height: var(--n-line-height);
|
|
5
|
+
width: 100%;
|
|
6
|
+
border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
|
|
7
|
+
text-align: left;
|
|
8
|
+
border-collapse: separate;
|
|
9
|
+
border-spacing: 0;
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
background-color: var(--n-td-color);
|
|
12
|
+
border-color: var(--n-merged-border-color);
|
|
13
|
+
transition:
|
|
14
|
+
background-color .3s var(--n-bezier),
|
|
15
|
+
border-color .3s var(--n-bezier),
|
|
16
|
+
color .3s var(--n-bezier);
|
|
17
|
+
--n-merged-border-color: var(--n-border-color);
|
|
18
|
+
`,[r("th",`
|
|
19
|
+
white-space: nowrap;
|
|
20
|
+
transition:
|
|
21
|
+
background-color .3s var(--n-bezier),
|
|
22
|
+
border-color .3s var(--n-bezier),
|
|
23
|
+
color .3s var(--n-bezier);
|
|
24
|
+
text-align: inherit;
|
|
25
|
+
padding: var(--n-th-padding);
|
|
26
|
+
vertical-align: inherit;
|
|
27
|
+
text-transform: none;
|
|
28
|
+
border: 0px solid var(--n-merged-border-color);
|
|
29
|
+
font-weight: var(--n-th-font-weight);
|
|
30
|
+
color: var(--n-th-text-color);
|
|
31
|
+
background-color: var(--n-th-color);
|
|
32
|
+
border-bottom: 1px solid var(--n-merged-border-color);
|
|
33
|
+
border-right: 1px solid var(--n-merged-border-color);
|
|
34
|
+
`,[r("&:last-child",`
|
|
35
|
+
border-right: 0px solid var(--n-merged-border-color);
|
|
36
|
+
`)]),r("td",`
|
|
37
|
+
transition:
|
|
38
|
+
background-color .3s var(--n-bezier),
|
|
39
|
+
border-color .3s var(--n-bezier),
|
|
40
|
+
color .3s var(--n-bezier);
|
|
41
|
+
padding: var(--n-td-padding);
|
|
42
|
+
color: var(--n-td-text-color);
|
|
43
|
+
background-color: var(--n-td-color);
|
|
44
|
+
border: 0px solid var(--n-merged-border-color);
|
|
45
|
+
border-right: 1px solid var(--n-merged-border-color);
|
|
46
|
+
border-bottom: 1px solid var(--n-merged-border-color);
|
|
47
|
+
`,[r("&:last-child",`
|
|
48
|
+
border-right: 0px solid var(--n-merged-border-color);
|
|
49
|
+
`)]),t("bordered",`
|
|
50
|
+
border: 1px solid var(--n-merged-border-color);
|
|
51
|
+
border-radius: var(--n-border-radius);
|
|
52
|
+
`,[r("tr",[r("&:last-child",[r("td",`
|
|
53
|
+
border-bottom: 0 solid var(--n-merged-border-color);
|
|
54
|
+
`)])])]),t("single-line",[r("th",`
|
|
55
|
+
border-right: 0px solid var(--n-merged-border-color);
|
|
56
|
+
`),r("td",`
|
|
57
|
+
border-right: 0px solid var(--n-merged-border-color);
|
|
58
|
+
`)]),t("single-column",[r("tr",[r("&:not(:last-child)",[r("td",`
|
|
59
|
+
border-bottom: 0px solid var(--n-merged-border-color);
|
|
60
|
+
`)])])]),t("striped",[r("tr:nth-of-type(even)",[r("td","background-color: var(--n-td-color-striped)")])]),j("bottom-bordered",[r("tr",[r("&:last-child",[r("td",`
|
|
61
|
+
border-bottom: 0px solid var(--n-merged-border-color);
|
|
62
|
+
`)])])])]),H(n("table",`
|
|
63
|
+
background-color: var(--n-td-color-modal);
|
|
64
|
+
--n-merged-border-color: var(--n-border-color-modal);
|
|
65
|
+
`,[r("th",`
|
|
66
|
+
background-color: var(--n-th-color-modal);
|
|
67
|
+
`),r("td",`
|
|
68
|
+
background-color: var(--n-td-color-modal);
|
|
69
|
+
`)])),V(n("table",`
|
|
70
|
+
background-color: var(--n-td-color-popover);
|
|
71
|
+
--n-merged-border-color: var(--n-border-color-popover);
|
|
72
|
+
`,[r("th",`
|
|
73
|
+
background-color: var(--n-th-color-popover);
|
|
74
|
+
`),r("td",`
|
|
75
|
+
background-color: var(--n-td-color-popover);
|
|
76
|
+
`)]))]),A=Object.assign(Object.assign({},b.props),{bordered:{type:Boolean,default:!0},bottomBordered:{type:Boolean,default:!0},singleLine:{type:Boolean,default:!0},striped:Boolean,singleColumn:Boolean,size:{type:String,default:"medium"}}),J=F({name:"Table",props:A,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:i,mergedRtlRef:g}=I(e),h=b("Table","-table",q,W,e,o),v=K("Table",g,o),s=c(()=>{const{size:l}=e,{self:{borderColor:p,tdColor:m,tdColorModal:u,tdColorPopover:f,thColor:x,thColorModal:C,thColorPopover:z,thTextColor:P,tdTextColor:k,borderRadius:R,thFontWeight:B,lineHeight:y,borderColorModal:M,borderColorPopover:T,tdColorStriped:$,tdColorStripedModal:w,tdColorStripedPopover:S,[a("fontSize",l)]:_,[a("tdPadding",l)]:E,[a("thPadding",l)]:L},common:{cubicBezierEaseInOut:O}}=h.value;return{"--n-bezier":O,"--n-td-color":m,"--n-td-color-modal":u,"--n-td-color-popover":f,"--n-td-text-color":k,"--n-border-color":p,"--n-border-color-modal":M,"--n-border-color-popover":T,"--n-border-radius":R,"--n-font-size":_,"--n-th-color":x,"--n-th-color-modal":C,"--n-th-color-popover":z,"--n-th-font-weight":B,"--n-th-text-color":P,"--n-line-height":y,"--n-td-padding":E,"--n-th-padding":L,"--n-td-color-striped":$,"--n-td-color-striped-modal":w,"--n-td-color-striped-popover":S}}),d=i?D("table",c(()=>e.size[0]),s,e):void 0;return{rtlEnabled:v,mergedClsPrefix:o,cssVars:i?void 0:s,themeClass:d?.themeClass,onRender:d?.onRender}},render(){var e;const{mergedClsPrefix:o}=this;return(e=this.onRender)===null||e===void 0||e.call(this),N("table",{class:[`${o}-table`,this.themeClass,{[`${o}-table--rtl`]:this.rtlEnabled,[`${o}-table--bottom-bordered`]:this.bottomBordered,[`${o}-table--bordered`]:this.bordered,[`${o}-table--single-line`]:this.singleLine,[`${o}-table--single-column`]:this.singleColumn,[`${o}-table--striped`]:this.striped}],style:this.cssVars},this.$slots)}});export{J as _};
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import{aA as ao,bD as no,aC as o,I as so,K as p,aD as x,aF as I,H as P,d as to,p as io,L as ho,M as K,at as go,au as Co,a0 as bo,f as F,O as d,P as uo,aI as L,S as y,bt as vo,ap as po,aK as fo}from"./index-01d0fc63.js";import{c as D}from"./color-to-class-b0332f36.js";const ko=c=>{const{textColor2:h,primaryColorHover:r,primaryColorPressed:f,primaryColor:a,infoColor:i,successColor:s,warningColor:n,errorColor:t,baseColor:k,borderColor:m,opacityDisabled:g,tagColor:u,closeIconColor:e,closeIconColorHover:l,closeIconColorPressed:v,borderRadiusSmall:C,fontSizeMini:b,fontSizeTiny:z,fontSizeSmall:S,fontSizeMedium:B,heightMini:$,heightTiny:H,heightSmall:R,heightMedium:M,closeColorHover:_,closeColorPressed:T,buttonColor2Hover:E,buttonColor2Pressed:O,fontWeightStrong:W}=c;return Object.assign(Object.assign({},no),{closeBorderRadius:C,heightTiny:$,heightSmall:H,heightMedium:R,heightLarge:M,borderRadius:C,opacityDisabled:g,fontSizeTiny:b,fontSizeSmall:z,fontSizeMedium:S,fontSizeLarge:B,fontWeightStrong:W,textColorCheckable:h,textColorHoverCheckable:h,textColorPressedCheckable:h,textColorChecked:k,colorCheckable:"#0000",colorHoverCheckable:E,colorPressedCheckable:O,colorChecked:a,colorCheckedHover:r,colorCheckedPressed:f,border:`1px solid ${m}`,textColor:h,color:u,colorBordered:"rgb(250, 250, 252)",closeIconColor:e,closeIconColorHover:l,closeIconColorPressed:v,closeColorHover:_,closeColorPressed:T,borderPrimary:`1px solid ${o(a,{alpha:.3})}`,textColorPrimary:a,colorPrimary:o(a,{alpha:.12}),colorBorderedPrimary:o(a,{alpha:.1}),closeIconColorPrimary:a,closeIconColorHoverPrimary:a,closeIconColorPressedPrimary:a,closeColorHoverPrimary:o(a,{alpha:.12}),closeColorPressedPrimary:o(a,{alpha:.18}),borderInfo:`1px solid ${o(i,{alpha:.3})}`,textColorInfo:i,colorInfo:o(i,{alpha:.12}),colorBorderedInfo:o(i,{alpha:.1}),closeIconColorInfo:i,closeIconColorHoverInfo:i,closeIconColorPressedInfo:i,closeColorHoverInfo:o(i,{alpha:.12}),closeColorPressedInfo:o(i,{alpha:.18}),borderSuccess:`1px solid ${o(s,{alpha:.3})}`,textColorSuccess:s,colorSuccess:o(s,{alpha:.12}),colorBorderedSuccess:o(s,{alpha:.1}),closeIconColorSuccess:s,closeIconColorHoverSuccess:s,closeIconColorPressedSuccess:s,closeColorHoverSuccess:o(s,{alpha:.12}),closeColorPressedSuccess:o(s,{alpha:.18}),borderWarning:`1px solid ${o(n,{alpha:.35})}`,textColorWarning:n,colorWarning:o(n,{alpha:.15}),colorBorderedWarning:o(n,{alpha:.12}),closeIconColorWarning:n,closeIconColorHoverWarning:n,closeIconColorPressedWarning:n,closeColorHoverWarning:o(n,{alpha:.12}),closeColorPressedWarning:o(n,{alpha:.18}),borderError:`1px solid ${o(t,{alpha:.23})}`,textColorError:t,colorError:o(t,{alpha:.1}),colorBorderedError:o(t,{alpha:.08}),closeIconColorError:t,closeIconColorHoverError:t,closeIconColorPressedError:t,closeColorHoverError:o(t,{alpha:.12}),closeColorPressedError:o(t,{alpha:.18})})},mo={name:"Tag",common:ao,self:ko},xo=mo,yo={color:Object,type:{type:String,default:"default"},round:Boolean,size:{type:String,default:"medium"},closable:Boolean,disabled:{type:Boolean,default:void 0}},Io=so("tag",`
|
|
2
|
+
white-space: nowrap;
|
|
3
|
+
position: relative;
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
cursor: default;
|
|
6
|
+
display: inline-flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
flex-wrap: nowrap;
|
|
9
|
+
padding: var(--n-padding);
|
|
10
|
+
border-radius: var(--n-border-radius);
|
|
11
|
+
color: var(--n-text-color);
|
|
12
|
+
background-color: var(--n-color);
|
|
13
|
+
transition:
|
|
14
|
+
border-color .3s var(--n-bezier),
|
|
15
|
+
background-color .3s var(--n-bezier),
|
|
16
|
+
color .3s var(--n-bezier),
|
|
17
|
+
box-shadow .3s var(--n-bezier),
|
|
18
|
+
opacity .3s var(--n-bezier);
|
|
19
|
+
line-height: 1;
|
|
20
|
+
height: var(--n-height);
|
|
21
|
+
font-size: var(--n-font-size);
|
|
22
|
+
`,[p("strong",`
|
|
23
|
+
font-weight: var(--n-font-weight-strong);
|
|
24
|
+
`),x("border",`
|
|
25
|
+
pointer-events: none;
|
|
26
|
+
position: absolute;
|
|
27
|
+
left: 0;
|
|
28
|
+
right: 0;
|
|
29
|
+
top: 0;
|
|
30
|
+
bottom: 0;
|
|
31
|
+
border-radius: inherit;
|
|
32
|
+
border: var(--n-border);
|
|
33
|
+
transition: border-color .3s var(--n-bezier);
|
|
34
|
+
`),x("icon",`
|
|
35
|
+
display: flex;
|
|
36
|
+
margin: 0 4px 0 0;
|
|
37
|
+
color: var(--n-text-color);
|
|
38
|
+
transition: color .3s var(--n-bezier);
|
|
39
|
+
font-size: var(--n-avatar-size-override);
|
|
40
|
+
`),x("avatar",`
|
|
41
|
+
display: flex;
|
|
42
|
+
margin: 0 6px 0 0;
|
|
43
|
+
`),x("close",`
|
|
44
|
+
margin: var(--n-close-margin);
|
|
45
|
+
transition:
|
|
46
|
+
background-color .3s var(--n-bezier),
|
|
47
|
+
color .3s var(--n-bezier);
|
|
48
|
+
`),p("round",`
|
|
49
|
+
padding: 0 calc(var(--n-height) / 3);
|
|
50
|
+
border-radius: calc(var(--n-height) / 2);
|
|
51
|
+
`,[x("icon",`
|
|
52
|
+
margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);
|
|
53
|
+
`),x("avatar",`
|
|
54
|
+
margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);
|
|
55
|
+
`),p("closable",`
|
|
56
|
+
padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);
|
|
57
|
+
`)]),p("icon, avatar",[p("round",`
|
|
58
|
+
padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);
|
|
59
|
+
`)]),p("disabled",`
|
|
60
|
+
cursor: not-allowed !important;
|
|
61
|
+
opacity: var(--n-opacity-disabled);
|
|
62
|
+
`),p("checkable",`
|
|
63
|
+
cursor: pointer;
|
|
64
|
+
box-shadow: none;
|
|
65
|
+
color: var(--n-text-color-checkable);
|
|
66
|
+
background-color: var(--n-color-checkable);
|
|
67
|
+
`,[I("disabled",[P("&:hover","background-color: var(--n-color-hover-checkable);",[I("checked","color: var(--n-text-color-hover-checkable);")]),P("&:active","background-color: var(--n-color-pressed-checkable);",[I("checked","color: var(--n-text-color-pressed-checkable);")])]),p("checked",`
|
|
68
|
+
color: var(--n-text-color-checked);
|
|
69
|
+
background-color: var(--n-color-checked);
|
|
70
|
+
`,[I("disabled",[P("&:hover","background-color: var(--n-color-checked-hover);"),P("&:active","background-color: var(--n-color-checked-pressed);")])])])]),Po=Object.assign(Object.assign(Object.assign({},K.props),yo),{bordered:{type:Boolean,default:void 0},checked:Boolean,checkable:Boolean,strong:Boolean,triggerClickOnClose:Boolean,onClose:[Array,Function],onMouseenter:Function,onMouseleave:Function,"onUpdate:checked":Function,onUpdateChecked:Function,internalCloseFocusable:{type:Boolean,default:!0},internalCloseIsButtonTag:{type:Boolean,default:!0},onCheckedChange:Function}),zo=po("n-tag"),$o=to({name:"Tag",props:Po,setup(c){const h=io(null),{mergedBorderedRef:r,mergedClsPrefixRef:f,inlineThemeDisabled:a,mergedRtlRef:i}=ho(c),s=K("Tag","-tag",Io,xo,c,f);go(zo,{roundRef:Co(c,"round")});function n(e){if(!c.disabled&&c.checkable){const{checked:l,onCheckedChange:v,onUpdateChecked:C,"onUpdate:checked":b}=c;C&&C(!l),b&&b(!l),v&&v(!l)}}function t(e){if(c.triggerClickOnClose||e.stopPropagation(),!c.disabled){const{onClose:l}=c;l&&fo(l,e)}}const k={setTextContent(e){const{value:l}=h;l&&(l.textContent=e)}},m=bo("Tag",i,f),g=F(()=>{const{type:e,size:l,color:{color:v,textColor:C}={}}=c,{common:{cubicBezierEaseInOut:b},self:{padding:z,closeMargin:S,closeMarginRtl:B,borderRadius:$,opacityDisabled:H,textColorCheckable:R,textColorHoverCheckable:M,textColorPressedCheckable:_,textColorChecked:T,colorCheckable:E,colorHoverCheckable:O,colorPressedCheckable:W,colorChecked:U,colorCheckedHover:N,colorCheckedPressed:V,closeBorderRadius:A,fontWeightStrong:q,[d("colorBordered",e)]:G,[d("closeSize",l)]:J,[d("closeIconSize",l)]:Q,[d("fontSize",l)]:X,[d("height",l)]:w,[d("color",e)]:Y,[d("textColor",e)]:Z,[d("border",e)]:oo,[d("closeIconColor",e)]:j,[d("closeIconColorHover",e)]:eo,[d("closeIconColorPressed",e)]:ro,[d("closeColorHover",e)]:lo,[d("closeColorPressed",e)]:co}}=s.value;return{"--n-font-weight-strong":q,"--n-avatar-size-override":`calc(${w} - 8px)`,"--n-bezier":b,"--n-border-radius":$,"--n-border":oo,"--n-close-icon-size":Q,"--n-close-color-pressed":co,"--n-close-color-hover":lo,"--n-close-border-radius":A,"--n-close-icon-color":j,"--n-close-icon-color-hover":eo,"--n-close-icon-color-pressed":ro,"--n-close-icon-color-disabled":j,"--n-close-margin":S,"--n-close-margin-rtl":B,"--n-close-size":J,"--n-color":v||(r.value?G:Y),"--n-color-checkable":E,"--n-color-checked":U,"--n-color-checked-hover":N,"--n-color-checked-pressed":V,"--n-color-hover-checkable":O,"--n-color-pressed-checkable":W,"--n-font-size":X,"--n-height":w,"--n-opacity-disabled":H,"--n-padding":z,"--n-text-color":C||Z,"--n-text-color-checkable":R,"--n-text-color-checked":T,"--n-text-color-hover-checkable":M,"--n-text-color-pressed-checkable":_}}),u=a?uo("tag",F(()=>{let e="";const{type:l,size:v,color:{color:C,textColor:b}={}}=c;return e+=l[0],e+=v[0],C&&(e+=`a${D(C)}`),b&&(e+=`b${D(b)}`),r.value&&(e+="c"),e}),g,c):void 0;return Object.assign(Object.assign({},k),{rtlEnabled:m,mergedClsPrefix:f,contentRef:h,mergedBordered:r,handleClick:n,handleCloseClick:t,cssVars:a?void 0:g,themeClass:u?.themeClass,onRender:u?.onRender})},render(){var c,h;const{mergedClsPrefix:r,rtlEnabled:f,closable:a,color:{borderColor:i}={},round:s,onRender:n,$slots:t}=this;n?.();const k=L(t.avatar,g=>g&&y("div",{class:`${r}-tag__avatar`},g)),m=L(t.icon,g=>g&&y("div",{class:`${r}-tag__icon`},g));return y("div",{class:[`${r}-tag`,this.themeClass,{[`${r}-tag--rtl`]:f,[`${r}-tag--strong`]:this.strong,[`${r}-tag--disabled`]:this.disabled,[`${r}-tag--checkable`]:this.checkable,[`${r}-tag--checked`]:this.checkable&&this.checked,[`${r}-tag--round`]:s,[`${r}-tag--avatar`]:k,[`${r}-tag--icon`]:m,[`${r}-tag--closable`]:a}],style:this.cssVars,onClick:this.handleClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},m||k,y("span",{class:`${r}-tag__content`,ref:"contentRef"},(h=(c=this.$slots).default)===null||h===void 0?void 0:h.call(c)),!this.checkable&&a?y(vo,{clsPrefix:r,class:`${r}-tag__close`,disabled:this.disabled,onClick:this.handleCloseClick,focusable:this.internalCloseFocusable,round:s,isButtonTag:this.internalCloseIsButtonTag,absolute:!0}):null,!this.checkable&&this.mergedBordered?y("div",{class:`${r}-tag__border`,style:{borderColor:i}}):null)}});export{$o as _};
|