vft 0.0.1 → 0.0.3

package/lib/theme-style/src/base.scss.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+//# sourceMappingURL=base.scss.js.map

package/lib/theme-style/src/base.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/theme-style/src/divider.scss.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+//# sourceMappingURL=divider.scss.js.map

package/lib/theme-style/src/divider.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/theme-style/src/empty.scss.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+//# sourceMappingURL=empty.scss.js.map

package/lib/theme-style/src/empty.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/theme-style/src/icon.scss.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+//# sourceMappingURL=icon.scss.js.map

package/lib/theme-style/src/icon.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/theme-style/src/result.scss.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+//# sourceMappingURL=result.scss.js.map

package/lib/theme-style/src/result.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"result.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/utils/error.d.ts

@@ -0,0 +1,3 @@
+export declare function throwError(scope: string, m: string): never;
+export declare function debugWarn(err: Error): void;
+export declare function debugWarn(scope: string, message: string): void;

package/lib/utils/error.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vft/utils");class n extends Error{constructor(o){super(o),this.name="VriError"}}function i(r,o){throw new n(`[${r}] ${o}`)}function s(r,o){if(process.env.NODE_ENV!=="production"){const t=e.isString(r)?new n(`[${r}] ${o}`):r;console.warn(t)}}exports.debugWarn=s;exports.throwError=i;
+//# sourceMappingURL=error.js.map

package/lib/utils/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sources":["../../../../packages/utils/error.ts"],"sourcesContent":["import { isString } from '@vft/utils';\n\nclass VriError extends Error {\n  constructor(m: string) {\n    super(m);\n    this.name = 'VriError';\n  }\n}\n\nexport function throwError(scope: string, m: string): never {\n  throw new VriError(`[${scope}] ${m}`);\n}\n\nexport function debugWarn(err: Error): void;\nexport function debugWarn(scope: string, message: string): void;\nexport function debugWarn(scope: string | Error, message?: string): void {\n  if (process.env.NODE_ENV !== 'production') {\n    const error: Error = isString(scope) ? new VriError(`[${scope}] ${message}`) : scope;\n    console.warn(error);\n  }\n}\n"],"names":["VriError","m","throwError","scope","debugWarn","message","error","isString"],"mappings":"8GAEA,MAAMA,UAAiB,KAAM,CAC3B,YAAYC,EAAW,CACrB,MAAMA,CAAC,EACP,KAAK,KAAO,UACd,CACF,CAEgB,SAAAC,EAAWC,EAAeF,EAAkB,CAC1D,MAAM,IAAID,EAAS,IAAIG,MAAUF,GAAG,CACtC,CAIgB,SAAAG,EAAUD,EAAuBE,EAAwB,CACnE,GAAA,QAAQ,IAAI,WAAa,aAAc,CACnC,MAAAC,EAAeC,WAASJ,CAAK,EAAI,IAAIH,EAAS,IAAIG,MAAUE,GAAS,EAAIF,EAC/E,QAAQ,KAAKG,CAAK,CACpB,CACF"}

package/lib/utils/helper.d.ts

@@ -0,0 +1 @@
+export declare const getSizeType: (type: string) => string | false;

package/lib/utils/helper.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>["large","small"].includes(e)?e:!1;exports.getSizeType=t;
+//# sourceMappingURL=helper.js.map

package/lib/utils/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../../packages/utils/helper.ts"],"sourcesContent":["export const getSizeType = (type: string) => {\n\tconst typeList = ['large', 'small'];\n\tif (typeList.includes(type)) {\n\t\treturn type;\n\t}\n\treturn false;\n};\n"],"names":["getSizeType","type"],"mappings":"gFAAa,MAAAA,EAAeC,GACV,CAAC,QAAS,OAAO,EACrB,SAASA,CAAI,EAClBA,EAED"}

package/lib/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './vue';
+export * from './helper';
+export * from './error';

package/lib/utils/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vue/install.js"),r=require("./helper.js"),e=require("./error.js");exports.withInstall=t.withInstall;exports.withInstallDirective=t.withInstallDirective;exports.withInstallFunction=t.withInstallFunction;exports.withNoopInstall=t.withNoopInstall;exports.getSizeType=r.getSizeType;exports.debugWarn=e.debugWarn;exports.throwError=e.throwError;
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/utils/vue/index.d.ts

@@ -0,0 +1,2 @@
+export * from './install';
+export * from './typescript';

package/lib/utils/vue/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./install.js");exports.withInstall=t.withInstall;exports.withInstallDirective=t.withInstallDirective;exports.withInstallFunction=t.withInstallFunction;exports.withNoopInstall=t.withNoopInstall;
+//# sourceMappingURL=index.js.map

package/lib/utils/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/utils/vue/install.d.ts

@@ -0,0 +1,6 @@
+import type { Directive } from 'vue';
+import type { SFCInstallWithContext, SFCWithInstall } from './typescript';
+export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E | undefined) => SFCWithInstall<T> & E;
+export declare const withInstallFunction: <T>(fn: T, name: string) => SFCInstallWithContext<T>;
+export declare const withInstallDirective: <T extends Directive<any, any>>(directive: T, name: string) => SFCWithInstall<T>;
+export declare const withNoopInstall: <T>(component: T) => SFCWithInstall<T>;

package/lib/utils/vue/install.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vue/shared"),s=(t,n)=>{if(t.install=l=>{for(const o of[t,...Object.values(n??{})])l.component(o.name,o)},n)for(const[l,o]of Object.entries(n))t[l]=o;return t},i=(t,n)=>(t.install=l=>{t._context=l._context,l.config.globalProperties[n]=t},t),c=(t,n)=>(t.install=l=>{l.directive(n,t)},t),r=t=>(t.install=e.NOOP,t);exports.withInstall=s;exports.withInstallDirective=c;exports.withInstallFunction=i;exports.withNoopInstall=r;
+//# sourceMappingURL=install.js.map

package/lib/utils/vue/install.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"install.js","sources":["../../../../../packages/utils/vue/install.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\n\nimport type { App, Directive } from 'vue'\nimport type { SFCInstallWithContext, SFCWithInstall } from './typescript'\n\nexport const withInstall = <T, E extends Record<string, any>>(\n  main: T,\n  extra?: E\n) => {\n  ;(main as SFCWithInstall<T>).install = (app): void => {\n    for (const comp of [main, ...Object.values(extra ?? {})]) {\n      app.component(comp.name, comp)\n    }\n  }\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      ;(main as any)[key] = comp\n    }\n  }\n  return main as SFCWithInstall<T> & E\n}\n\nexport const withInstallFunction = <T>(fn: T, name: string) => {\n  ;(fn as SFCWithInstall<T>).install = (app: App) => {\n    ;(fn as SFCInstallWithContext<T>)._context = app._context\n    app.config.globalProperties[name] = fn\n  }\n\n  return fn as SFCInstallWithContext<T>\n}\n\nexport const withInstallDirective = <T extends Directive>(\n  directive: T,\n  name: string\n) => {\n  ;(directive as SFCWithInstall<T>).install = (app: App): void => {\n    app.directive(name, directive)\n  }\n\n  return directive as SFCWithInstall<T>\n}\n\nexport const withNoopInstall = <T>(component: T) => {\n  ;(component as SFCWithInstall<T>).install = NOOP\n\n  return component as SFCWithInstall<T>\n}\n"],"names":["withInstall","main","extra","app","comp","key","withInstallFunction","fn","name","withInstallDirective","directive","withNoopInstall","component","NOOP"],"mappings":"+GAKaA,EAAc,CACzBC,EACAC,IACG,CAOH,GANED,EAA2B,QAAWE,GAAc,CACzC,UAAAC,IAAQ,CAACH,EAAM,GAAG,OAAO,OAAOC,GAAS,CAAE,CAAA,CAAC,EACjDC,EAAA,UAAUC,EAAK,KAAMA,CAAI,CAC/B,EAGEF,EACF,SAAW,CAACG,EAAKD,CAAI,IAAK,OAAO,QAAQF,CAAK,EAC1CD,EAAaI,CAAG,EAAID,EAGnB,OAAAH,CACT,EAEaK,EAAsB,CAAIC,EAAOC,KAC1CD,EAAyB,QAAWJ,GAAa,CAC/CI,EAAgC,SAAWJ,EAAI,SAC7CA,EAAA,OAAO,iBAAiBK,CAAI,EAAID,CAAA,EAG/BA,GAGIE,EAAuB,CAClCC,EACAF,KAEEE,EAAgC,QAAWP,GAAmB,CAC1DA,EAAA,UAAUK,EAAME,CAAS,CAAA,EAGxBA,GAGIC,EAAsBC,IAC/BA,EAAgC,QAAUC,OAErCD"}

package/lib/utils/vue/typescript.d.ts

@@ -0,0 +1,5 @@
+import type { AppContext, Plugin } from 'vue';
+export type SFCWithInstall<T> = T & Plugin;
+export type SFCInstallWithContext<T> = SFCWithInstall<T> & {
+    _context: AppContext | null;
+};

package/lib/utils/vue/typescript.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=typescript.js.map

package/lib/utils/vue/typescript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typescript.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,54 +1,60 @@
 {
   "name": "vft",
-  "version": "0.0.1",
-  "main": "./src/index.ts",
-  "files": [
-    "src",
-    "types",
-    "tsconfig.json"
-  ],
+  "version": "0.0.3",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "module": "es/index.mjs",
+  "types": "es/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./es": "./es/index.mjs",
+    "./lib": "./lib/index.js",
+    "./es/*.mjs": "./es/*.mjs",
+    "./es/*": "./es/*.mjs",
+    "./lib/*.js": "./lib/*.js",
+    "./lib/*": "./lib/*.js",
+    "./*": "./*"
+  },
+  "unpkg": "dist/index.full.js",
+  "jsdelivr": "dist/index.full.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/element-plus/element-plus.git"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
   },
+  "style": "dist/index.css",
+  "sideEffects": [
+    "dist/*",
+    "theme-style/**/*.css",
+    "theme-style/src/**/*.scss",
+    "es/components/*/style/*",
+    "lib/components/*/style/*"
+  ],
+  "peerDependencies": {
+    "vue": ">=3.2.0",
+    "vue-router": ">=4.0.16",
+    "pinia": ">=2.0.0"
+  },
   "dependencies": {
-    "@floating-ui/dom": "^1.0.1",
-    "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
-    "@types/prismjs": "^1.26.0",
-    "@types/qrcode": "^1.5.0",
-    "@types/sortablejs": "^1.15.0",
-    "@vue/repl": "^1.3.2",
-    "@vue/shared": "^3.2.40",
-    "@waline/client": "^2.14.7",
-    "fflate": "^0.7.4",
-    "lodash": "^4.17.21",
-    "photoswipe": "^5.3.4",
-    "prismjs": "^1.29.0",
-    "resize-detector": "^0.3.0",
-    "reveal.js": "^4.4.0",
-    "ts-debounce": "^4.0.0",
-    "unocss": "^0.46.5",
-    "vant": "^3.6.4",
-    "yaml": "^2.2.1",
-    "@vri/styles": "0.0.3"
+    "@types/lodash": "^4.14.182",
+    "@vueuse/core": "^9.1.0",
+    "dayjs": "^1.11.3",
+    "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "qrcode": "^1.5.1",
-    "@vri/constants": "0.0.13",
-    "@vri/types": "0.0.4",
-    "@vri/router": "0.0.10",
-    "@vri/utils": "0.0.22",
-    "@vri/use": "0.0.10",
-    "@vri/store": "0.0.8"
-  },
-  "peerDependencies": {
-    "pinia": "^2.0.23",
-    "pinia-plugin-persistedstate": "^3.0.1",
-    "vue": "^3.2.45",
-    "vue-router": "^4.1.5"
-  },
-  "scripts": {
-    "clean": "pnpm rimraf node_modules && pnpm rimraf dist && pnpm rimraf .turbo",
-    "pub": "pnpm version patch && pnpm publish"
+    "@vft/utils": "*",
+    "@vft/constants": "*",
+    "@vft/router": "*",
+    "@vft/store": "*",
+    "@vft/use": "*",
+    "vue": "^3.2.37",
+    "vue-router": "^4.0.16"
   }
-}
+}

package/theme-style/base.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-theme-color:#fff;--vft-theme-color-reverse:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-index-normal:1;--vft-index-top:1000;--vft-index-popper:2000;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center top}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}

package/theme-style/dark/css-vars.css

@@ -0,0 +1 @@
+@charset "UTF-8";html.dark{color-scheme:dark;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#1d6fb0;--vft-primary-color-light-5:#1b5584;--vft-primary-color-light-7:#183b57;--vft-primary-color-light-8:#172e41;--vft-primary-color-light-9:#15212a;--vft-primary-color-dark-2:#4dabf5;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#31815d;--vft-success-color-light-5:#296248;--vft-success-color-light-7:#214333;--vft-success-color-light-8:#1c3329;--vft-success-color-light-9:#18241e;--vft-success-color-dark-2:#65bf96;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#b67349;--vft-warning-color-light-5:#88583a;--vft-warning-color-light-7:#593d2b;--vft-warning-color-light-8:#422f23;--vft-warning-color-light-9:#2b221c;--vft-warning-color-dark-2:#fcaf7f;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#af5252;--vft-danger-color-light-5:#834141;--vft-danger-color-light-7:#572f2f;--vft-danger-color-light-8:#402626;--vft-danger-color-light-9:#2a1d1d;--vft-danger-color-dark-2:#f58a8a;--vft-error-color:#f26d6d;--vft-error-color-light-3:#af5252;--vft-error-color-light-5:#834141;--vft-error-color-light-7:#572f2f;--vft-error-color-light-8:#402626;--vft-error-color-light-9:#2a1d1d;--vft-error-color-dark-2:#f58a8a;--vft-info-color:#909399;--vft-info-color-light-3:#6b6d71;--vft-info-color-light-5:#525457;--vft-info-color-light-7:#393a3c;--vft-info-color-light-8:#2d2d2f;--vft-info-color-light-9:#202121;--vft-info-color-dark-2:#a6a9ad;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.36),0px 8px 20px rgba(0, 0, 0, 0.72);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.72);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.72);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.72),0px 12px 32px #000000,0px 8px 16px -8px #000000;--vft-bg-color-page:#0a0a0a;--vft-bg-color:#141414;--vft-bg-color-overlay:#1d1e1f;--vft-text-color-primary:#E5EAF3;--vft-text-color-regular:#CFD3DC;--vft-text-color-secondary:#A3A6AD;--vft-text-color-placeholder:#8D9095;--vft-text-color-disabled:#6C6E72;--vft-border-color-darker:#636466;--vft-border-color-dark:#58585B;--vft-border-color:#4C4D4F;--vft-border-color-light:#414243;--vft-border-color-lighter:#363637;--vft-border-color-extra-light:#2B2B2C;--vft-fill-color-darker:#424243;--vft-fill-color-dark:#39393A;--vft-fill-color:#303030;--vft-fill-color-light:#262727;--vft-fill-color-lighter:#1D1D1D;--vft-fill-color-extra-light:#191919;--vft-fill-color-blank:transparent;--vft-mask-color:rgba(0, 0, 0, 0.8);--vft-mask-color-extra-light:rgba(0, 0, 0, 0.3)}html.dark .vft-button{--vft-button-disabled-text-color:rgba(255, 255, 255, 0.5)}html.dark .vft-card{--vft-card-bg-color:var(--vft-bg-color-overlay)}html.dark .vft-empty{--vft-empty-fill-color-0:var(--vft-color-black);--vft-empty-fill-color-1:#4b4b52;--vft-empty-fill-color-2:#36383d;--vft-empty-fill-color-3:#1e1e20;--vft-empty-fill-color-4:#262629;--vft-empty-fill-color-5:#202124;--vft-empty-fill-color-6:#212224;--vft-empty-fill-color-7:#1b1c1f;--vft-empty-fill-color-8:#1c1d1f;--vft-empty-fill-color-9:#18181a}

package/theme-style/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-theme-color:#fff;--vft-theme-color-reverse:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-index-normal:1;--vft-index-top:1000;--vft-index-popper:2000;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center top}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}:root{--vft-divider-margin-y:24px;--vft-divider-margin-x:8px;--vft-divider-border-color:#dcdfe6;--vft-divider-border-style:solid}.vft-divider{position:relative}.vft-divider--horizontal{display:block;height:1px;width:100%;margin:var(--vft-divider-margin-y) 0;border-top:1px var(--vft-divider-border-color) var(--vft-divider-border-style)}.vft-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 var(--vft-divider-margin-x);vertical-align:middle;position:relative;border-left:1px var(--vft-divider-border-color) var(--vft-divider-border-style)}.vft-divider__text{position:absolute;background-color:var(--vft-bg-color);padding:0 20px;font-weight:500;color:var(--vft-text-primary-color);font-size:14px}.vft-divider__text.is-left{left:20px;transform:translateY(-50%)}.vft-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.vft-divider__text.is-right{right:20px;transform:translateY(-50%)}:root{--vft-avatar-text-color:var(--vft-color-white);--vft-avatar-bg-color:var(--vft-text-disabled-color);--vft-avatar-text-size:14px;--vft-avatar-icon-size:18px;--vft-avatar-border-radius:var(--vft-border-radius-base)}.vft-avatar{--vft-avatar-size-large:56px;--vft-avatar-size:40px;--vft-avatar-size-small:24px;--vft-avatar-size:40px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--vft-avatar-text-color);background:var(--vft-avatar-bg-color);width:var(--vft-avatar-size);height:var(--vft-avatar-size);font-size:var(--vft-avatar-text-size)}.vft-avatar>img{display:block;height:100%}.vft-avatar--circle{border-radius:50%}.vft-avatar--square{border-radius:var(--vft-avatar-border-radius)}.vft-avatar--icon{font-size:var(--vft-avatar-icon-size)}.vft-avatar--small{--vft-avatar-size:24px}.vft-avatar--large{--vft-avatar-size:56px}.vft-back-top{--vft-backtop-bg-color:var(--vft-bg-color-overlay);--vft-backtop-text-color:var(--vft-primary-color);--vft-backtop-hover-bg-color:var(--vft-border-color-extra-light);position:fixed;background-color:var(--vft-backtop-bg-color);width:40px;height:40px;border-radius:50%;color:var(--vft-backtop-text-color);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--vft-box-shadow-lighter);cursor:pointer;z-index:5}.vft-back-top:hover{background-color:var(--vft-backtop-hover-bg-color)}.vft-back-top__icon{font-size:20px}:root{--vft-empty-img-size:160px;--vft-empty-img-size-small:80px;--vft-empty-img-size-large:240px;--vft-empty-text-color:white;--vft-empty-desc-top:10px;--vft-empty-desc-color:var(--vft-text-placeholder-color);--vft-empty-desc-size:14px}.vft-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:10px 0}.vft-empty__image{width:var(--vft-empty-img-size);height:var(--vft-empty-img-size)}.vft-empty__image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.vft-empty--large .vft-empty__image{width:var(--vft-empty-img-size-large);height:var(--vft-empty-img-size-large)}.vft-empty--small .vft-empty__image{width:var(--vft-empty-img-size-small);height:var(--vft-empty-img-size-small)}.vft-empty__desc{margin-top:var(--vft-empty-desc-top);color:var(--vft-empty-desc-color);font-size:var(--vft-empty-desc-size)}.vft-empty__bottom{margin-top:5px}:root{--vft-result-padding:40px 30px;--vft-result-icon-font-size:64px;--vft-result-title-font-size:20px;--vft-result-title-margin-top:20px;--vft-result-sub-title-margin-top:10px;--vft-result-extra-margin-top:30px}.vft-result{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:var(--vft-result-padding)}.vft-result__icon svg{width:var(--vft-result-icon-font-size);height:var(--vft-result-icon-font-size)}.vft-result__icon [class~=vft-icon]{font-size:var(--vft-result-icon-font-size)}.vft-result__title{margin-top:var(--vft-result-title-margin-top)}.vft-result__title p{margin:0;font-size:var(--vft-result-title-font-size);color:var(--vft-text-color-primary);line-height:1.3}.vft-result__sub-title{margin-top:var(--vft-result-sub-title-margin-top)}.vft-result__sub-title p{margin:0;font-size:var(--vft-font-size-base);color:var(--vft-text-color-regular);line-height:1.3}.vft-result__extra{margin-top:var(--vft-result-extra-margin-top)}.vft-result .icon-primary{--vft-result-color:var(--vft-color-primary);color:var(--vft-result-color)}.vft-result .icon-success{--vft-result-color:var(--vft-color-success);color:var(--vft-result-color)}.vft-result .icon-warning{--vft-result-color:var(--vft-color-warning);color:var(--vft-result-color)}.vft-result .icon-danger{--vft-result-color:var(--vft-color-danger);color:var(--vft-result-color)}.vft-result .icon-error{--vft-result-color:var(--vft-color-error);color:var(--vft-result-color)}.vft-result .icon-info{--vft-result-color:var(--vft-color-info);color:var(--vft-result-color)}

package/{src/web/avatar/index.scss → theme-style/src/avatar.scss}

@@ -1,3 +1,6 @@
+@use 'common/var' as *;
+@use 'mixins/mixins' as *;
+
 $name: avatar;
 
 @include set-root-css-vars($name, $avatar);
@@ -6,8 +9,8 @@ $name: avatar;
   @include set-component-css-var('avatar-size', $avatar-size);
 
   @include set-css-var-value(
-    ('avatar', 'size'),
-    map-get($avatar-size, 'default')
+        ('avatar', 'size'),
+      map-get($avatar-size, 'default')
   );
 
   display: inline-flex;
@@ -42,8 +45,8 @@ $name: avatar;
   @each $size in (small, large) {
     @include m($size) {
       @include set-css-var-value(
-        ('avatar', 'size'),
-        map-get($avatar-size, $size)
+            ('avatar', 'size'),
+          map-get($avatar-size, $size)
       );
     }
   }

package/{src/web/back-top/index.scss → theme-style/src/back-top.scss}

@@ -1,10 +1,7 @@
+@use 'common/var' as *;
+@use 'mixins/mixins' as *;
+
 $name: back-top;
-$back-top: () !default;
-$back-top: map-merge((
-  'bg-color': getCssVar('bg-color', 'overlay'),
-  'text-color': getCssVar('primary-color'),
-  'hover-bg-color': getCssVar('border-color-extra-light'),
-), $back-top);
 
 @include b($name) {
   @include set-component-css-var('backtop', $back-top);

package/theme-style/src/base.scss

@@ -0,0 +1,2 @@
+@use 'var.scss';
+@use 'common/transition.scss';

package/theme-style/src/color/index.scss

@@ -0,0 +1,17 @@
+@use 'sass:color';
+@use 'sass:string';
+
+@function rgb2hex($color) {
+  @return unquote('#' + #{string.slice(color.ie-hex-str($color), 4)});
+}
+
+// rgba color above solid color
+@function mix-overlay-color($upper, $lower) {
+  $opacity: color.alpha($upper);
+
+  $red: color.red($upper) * $opacity + color.red($lower) * (1 - $opacity);
+  $green: color.green($upper) * $opacity + color.green($lower) * (1 - $opacity);
+  $blue: color.blue($upper) * $opacity + color.blue($lower) * (1 - $opacity);
+
+  @return rgb2hex(rgb($red, $green, $blue));
+}

package/theme-style/src/common/transition.scss

@@ -0,0 +1,128 @@
+@use "../mixins/config" as *;
+@use "../mixins/mixins" as *;
+
+.fade-in-linear-enter-active,
+.fade-in-linear-leave-active {
+  transition: getCssVar("transition-fade", "linear");
+}
+
+.fade-in-linear-enter-from,
+.fade-in-linear-leave-to {
+  opacity: 0;
+}
+
+.#{$namespace}-fade-in-linear-enter-active,
+.#{$namespace}-fade-in-linear-leave-active {
+  transition: getCssVar("transition-fade", "linear");
+}
+
+.#{$namespace}-fade-in-linear-enter-from,
+.#{$namespace}-fade-in-linear-leave-to {
+  opacity: 0;
+}
+
+.#{$namespace}-fade-in-enter-active,
+.#{$namespace}-fade-in-leave-active {
+  transition: all getCssVar("transition-duration") cubic-bezier(0.55, 0, 0.1, 1);
+}
+
+.#{$namespace}-fade-in-enter-from,
+.#{$namespace}-fade-in-leave-active {
+  opacity: 0;
+}
+
+.#{$namespace}-zoom-in-center-enter-active,
+.#{$namespace}-zoom-in-center-leave-active {
+  transition: all getCssVar("transition-duration") cubic-bezier(0.55, 0, 0.1, 1);
+}
+
+.#{$namespace}-zoom-in-center-enter-from,
+.#{$namespace}-zoom-in-center-leave-active {
+  opacity: 0;
+  transform: scaleX(0);
+}
+
+.#{$namespace}-zoom-in-top-enter-active,
+.#{$namespace}-zoom-in-top-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: getCssVar("transition-md-fade");
+  transform-origin: center top;
+
+  &[data-popper-placement^="top"] {
+    transform-origin: center bottom;
+  }
+}
+
+.#{$namespace}-zoom-in-top-enter-from,
+.#{$namespace}-zoom-in-top-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
+.#{$namespace}-zoom-in-bottom-enter-active,
+.#{$namespace}-zoom-in-bottom-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: getCssVar("transition-md-fade");
+  transform-origin: center bottom;
+}
+
+.#{$namespace}-zoom-in-bottom-enter-from,
+.#{$namespace}-zoom-in-bottom-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
+.#{$namespace}-zoom-in-left-enter-active,
+.#{$namespace}-zoom-in-left-leave-active {
+  opacity: 1;
+  transform: scale(1, 1);
+  transition: getCssVar("transition-md-fade");
+  transform-origin: top left;
+}
+
+.#{$namespace}-zoom-in-left-enter-from,
+.#{$namespace}-zoom-in-left-leave-active {
+  opacity: 0;
+  transform: scale(0.45, 0.45);
+}
+
+.collapse-transition {
+  transition: getCssVar("transition-duration") height ease-in-out,
+    getCssVar("transition-duration") padding-top ease-in-out,
+    getCssVar("transition-duration") padding-bottom ease-in-out;
+}
+
+.#{$namespace}-collapse-transition-leave-active,
+.#{$namespace}-collapse-transition-enter-active {
+  transition: getCssVar("transition-duration") max-height ease-in-out,
+    getCssVar("transition-duration") padding-top ease-in-out,
+    getCssVar("transition-duration") padding-bottom ease-in-out;
+}
+
+.horizontal-collapse-transition {
+  transition: getCssVar("transition-duration") width ease-in-out,
+    getCssVar("transition-duration") padding-left ease-in-out,
+    getCssVar("transition-duration") padding-right ease-in-out;
+}
+
+.#{$namespace}-list-enter-active,
+.#{$namespace}-list-leave-active {
+  transition: all 1s;
+}
+
+.#{$namespace}-list-enter-from,
+.#{$namespace}-list-leave-to {
+  opacity: 0;
+  transform: translateY(-30px);
+}
+
+.#{$namespace}-list-leave-active {
+  position: absolute !important;
+}
+
+.#{$namespace}-opacity-transition {
+  transition: opacity getCssVar("transition-duration")
+    cubic-bezier(0.55, 0, 0.1, 1);
+}