@vipl520/dk-ui 1.0.1

package/es/page-diy/style/preview-phone.scss

@@ -0,0 +1,86 @@
+/* stylelint-disable */
+.preview-phone {
+  overflow: auto;
+  box-shadow: inset 0 2px 5px 1px #3e3e3e17;
+  height: 100%;
+  &::-webkit-scrollbar {
+    width: 8px;
+  }
+  .phone {
+    background: #fff;
+    width: 375px;
+    margin: 20px auto;
+    box-shadow: 0 5px 10px #0003;
+
+    .phone-header {
+      height: 85px;
+      margin-bottom: 1px;
+      user-select: none;
+
+      img {
+        width: 100%;
+      }
+
+      .phone-header-top {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        height: 40px;
+
+        .phone-time {
+          margin: 10px;
+
+          span {
+            margin-right: 5px;
+          }
+        }
+
+        .phone-bangs {
+          background: #000;
+          width: 200px;
+          height: 30px;
+          border-bottom-right-radius: 20px;
+          border-bottom-left-radius: 20px;
+        }
+
+        .phone-battery {
+          margin: 10px;
+          display: flex;
+          align-items: center;
+          height: 18px;
+
+          img {
+            margin-left: 5px;
+          }
+        }
+      }
+
+      .phone-title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        height: 40px;
+
+        .phone-title-icon {
+          margin: 5px;
+        }
+      }
+    }
+
+    min-height: 700px;
+
+    .phone-body {
+      background: #f5f5f5;
+      background-size: 100% auto !important;
+      overflow: visible;
+      background-repeat: no-repeat;
+      background-origin: initial;
+      background-clip: initial;
+
+      .ghost {
+        box-shadow: var(--el-box-shadow);
+      }
+    }
+  }
+}
+/* stylelint-enable */

package/es/page-diy/style/views/bullet-chat.scss

@@ -0,0 +1,27 @@
+/* stylelint-disable */
+.dk-view-bullet-chat {
+  height: 30px;
+  line-height: 30px;
+  color: #fff;
+  background: rgb(0 0 0 / 60%);
+  border-radius: 100px;
+
+  .bullet-content {
+    display: flex;
+    align-items: center;
+    height: 20px;
+    margin: 5px;
+    font-size: 12px;
+
+    img {
+      width: 20px;
+      height: 20px;
+      border-radius: 100%;
+    }
+
+    span {
+      padding: 0 5px;
+    }
+  }
+}
+/* stylelint-enable */

package/es/page-diy/style/views/common-btn.scss

@@ -0,0 +1,38 @@
+/* stylelint-disable */
+.dk-view-common-btn {
+  .btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .van-icon {
+      font-size: 1.2em;
+    }
+  }
+
+  .f-btn {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-evenly;
+
+    .image-content {
+      display: inherit;
+    }
+
+    .f-btn-content {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 100%;
+    }
+  }
+
+  .f-img {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-evenly;
+  }
+}
+/* stylelint-enable */

package/es/page-diy/style/views/dialog.scss

@@ -0,0 +1,12 @@
+/* stylelint-disable */
+.dk-view-dialog {
+  .preview {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 40px;
+    text-align: center;
+    background: #fff;
+  }
+}
+/* stylelint-enable */

package/es/page-diy/style/views/image.scss

@@ -0,0 +1,51 @@
+/* stylelint-disable */
+.dk-view-image {
+  &.dk-mobile-image-default {
+    display: flex;
+    flex-direction: column;
+    .van-image {
+      display: block;
+    }
+    .dk-mobile-image-content {
+      display: block;
+    }
+  }
+
+  &.dk-mobile-image-slide {
+    width: 100%;
+    overflow-x: scroll;
+    white-space: nowrap;
+
+    .dk-mobile-image-content {
+      position: relative;
+      display: inline-block;
+      margin-right: 10px;
+      vertical-align: top;
+    }
+  }
+
+  .dk-mobile-image-content {
+    position: relative;
+    overflow: hidden;
+    &:last-child {
+      margin: 0 !important;
+    }
+    .text-type-footer {
+      text-align: center;
+      height: 48px;
+      line-height: 48px;
+    }
+
+    .text-type-default {
+      color: #fff;
+      text-align: center;
+      position: absolute;
+      background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.75));
+      bottom: 0;
+      height: 48px;
+      line-height: 48px;
+      width: 100%;
+    }
+  }
+}
+/* stylelint-enable */

package/es/page-diy/style/views/index.scss

@@ -0,0 +1,11 @@
+/* stylelint-disable */
+@import './bullet-chat';
+@import './common-btn';
+@import './image';
+@import './dialog';
+@import './music';
+@import './swipe';
+@import './tabbar';
+@import './title';
+@import './video';
+/* stylelint-enable */

package/es/page-diy/style/views/music.scss

@@ -0,0 +1,50 @@
+/* stylelint-disable */
+.dk-view-music {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .dk-music-icon {
+    background: #fff;
+    border-radius: 100%;
+    border: 2px solid #fff;
+    font-weight: 800;
+    box-sizing: content-box;
+    color: #f56c6c;
+  }
+  .dk-music-img {
+    border-radius: 100%;
+  }
+  .changeRight {
+    animation-name: changeRight;
+  }
+  .changeLeft {
+    animation-name: changeLeft;
+  }
+}
+
+@keyframes changeRight {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  50% {
+    -webkit-transform: rotate(180deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+
+@keyframes changeLeft {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  50% {
+    -webkit-transform: rotate(-180deg);
+  }
+  100% {
+    -webkit-transform: rotate(-360deg);
+  }
+}
+/* stylelint-enable */

package/es/page-diy/style/views/swipe.scss

@@ -0,0 +1,7 @@
+/* stylelint-disable */
+.dk-view-swipe {
+  .image {
+    width: 100%;
+  }
+}
+/* stylelint-enable */

package/es/page-diy/style/views/tabbar.scss

@@ -0,0 +1,8 @@
+/* stylelint-disable */
+.dk-view-tabbar {
+  .van-tabbar-item--active,
+  .van-tabbar {
+    background: none;
+  }
+}
+/* stylelint-enable */

package/es/page-diy/style/views/title.scss

@@ -0,0 +1,12 @@
+/* stylelint-disable */
+.dk-view-title {
+  .title-left {
+    display: flex;
+    align-items: center;
+  }
+
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+/* stylelint-enable */

package/es/page-diy/style/views/video.scss

@@ -0,0 +1,44 @@
+/* stylelint-disable */
+.dk-view-video {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 240px;
+  color: #eee;
+  background: #222;
+
+  .dk-video-content {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+
+    p {
+      font-size: 12px;
+      color: #999;
+    }
+
+    .poster {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .el-icon-video-play {
+    font-size: 50px;
+  }
+
+  .video-preview {
+    position: absolute;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    background: #000;
+    opacity: 0.8;
+  }
+}
+/* stylelint-enable */

package/es/poster-input/style/index.css

@@ -0,0 +1 @@
+.dk-poster{display:flex;justify-content:space-between;overflow:hidden}.dk-poster .poster-draw{border-radius:5px;border:1px solid #ccc;position:relative}.dk-poster .poster-draw .poster-tools{width:100%;display:flex;padding:10px;align-items:center;justify-content:space-between;position:absolute;background:#fff;z-index:1;top:0;box-shadow:0 0 5px 1px rgba(0,0,0,.1882352941);transition:all .4s ease 0s}.dk-poster .poster-draw .poster-tools .form-inline{height:28px;margin-left:20px}.dk-poster .poster-draw .poster-body{background:linear-gradient(-90deg,rgba(0,0,0,.1) 1px,transparent 1px) 0 0/10px 10px,linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px) 0 0/10px 10px;padding:20px;padding-bottom:50px;width:600px;display:flex;justify-content:space-around;min-height:600px;position:relative;align-items:center}.dk-poster .poster-draw .poster-body .poster-content{position:relative;box-sizing:content-box;box-shadow:var(--el-box-shadow);background:#fff;z-index:0;overflow:hidden}.dk-poster .poster-draw .poster-body .poster-content .bg{overflow:hidden;position:absolute;width:100%;z-index:0;box-sizing:border-box;-webkit-box-sizing:border-box}.dk-poster .poster-draw .poster-body .poster-content .bgBorder{position:absolute;z-index:-1}.dk-poster .poster-draw .poster-body .poster-content .vdr-handle{z-index:1}.dk-poster .poster-draw .el-icon-setting{position:absolute;right:20px;top:16px;font-size:18px;z-index:9;cursor:pointer}.dk-poster .poster-draw .snap-tolerance{position:absolute;bottom:-10px;left:10px;display:flex;justify-content:space-evenly;opacity:.5}.dk-poster .poster-draw .snap-tolerance:hover{opacity:1}.dk-poster .view-buttons .el-button{margin-left:0;margin-right:12px}

package/es/poster-input/style/index.scss

@@ -0,0 +1,105 @@
+/* stylelint-disable */
+.dk-poster-input {
+}
+
+.dk-poster {
+  display: flex;
+  justify-content: space-between;
+  overflow: hidden;
+  .poster-draw {
+    border-radius: 5px;
+    border: 1px solid #ccc;
+    position: relative;
+
+    .poster-tools {
+      width: 100%;
+      display: flex;
+      padding: 10px;
+      align-items: center;
+      justify-content: space-between;
+      position: absolute;
+      background: #fff;
+      z-index: 1;
+      top: 0;
+      box-shadow: 0 0 5px 1px #00000030;
+      transition: all 0.4s ease 0s;
+
+      .form-inline {
+        height: 28px;
+        margin-left: 20px;
+      }
+    }
+
+    .poster-body {
+      background:
+        linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% / 10px 10px,
+        linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% / 10px 10px;
+      padding: 20px;
+      padding-bottom: 50px;
+      width: 600px;
+      display: flex;
+      justify-content: space-around;
+      min-height: 600px;
+      position: relative;
+      align-items: center;
+
+      .poster-content {
+        position: relative;
+        box-sizing: content-box;
+        box-shadow: var(--el-box-shadow);
+        background: #fff;
+        z-index: 0;
+        overflow: hidden;
+
+        .bg {
+          overflow: hidden;
+          position: absolute;
+          width: 100%;
+          z-index: 0;
+          box-sizing: border-box;
+          -webkit-box-sizing: border-box;
+        }
+
+        .bgBorder {
+          position: absolute;
+          z-index: -1;
+        }
+        .vdr-handle {
+          z-index: 1;
+        }
+      }
+    }
+
+    .el-icon-setting {
+      position: absolute;
+      right: 20px;
+      top: 16px;
+      font-size: 18px;
+      z-index: 9;
+      cursor: pointer;
+    }
+
+    .snap-tolerance {
+      position: absolute;
+      bottom: -10px;
+      left: 10px;
+      //width: 150px;
+      display: flex;
+      //align-items: center;
+      justify-content: space-evenly;
+      opacity: 0.5;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+  .view-buttons {
+    .el-button {
+      margin-left: 0;
+      margin-right: 12px;
+    }
+  }
+}
+
+/* stylelint-enable */

package/es/resolver.mjs

@@ -0,0 +1,34 @@
+import { kebabCase } from 'unplugin-vue-components';
+
+const isSSR = Boolean(
+  process.env.SSR || process.env.SSG || process.env.VITE_SSR || process.env.VITE_SSG
+);
+const moduleType = isSSR ? "lib" : "es";
+function getSideEffects(dirName, options) {
+  const { importStyle = true } = options;
+  if (!importStyle || isSSR)
+    return;
+  if (importStyle === "scss") {
+    return `@vipl520/dk-ui/${moduleType}/${dirName}/style/scss`;
+  } else {
+    return `@vipl520/dk-ui/${moduleType}/${dirName}/style/index`;
+  }
+}
+function DkResolver(options = {}) {
+  return {
+    type: "component",
+    resolve: (name) => {
+      if (name.startsWith("Dk")) {
+        const partialName = name.slice(4);
+        return {
+          name: partialName,
+          from: `@vipl520/dk-ui/${moduleType}`,
+          sideEffects: getSideEffects(kebabCase(partialName), options)
+        };
+      }
+    }
+  };
+}
+
+export { DkResolver };
+//# sourceMappingURL=resolver.mjs.map

package/es/resolver.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolver.mjs","sources":["../src/resolver.ts"],"sourcesContent":["import type {\n  ComponentResolver,\n  SideEffectsInfo,\n} from 'unplugin-vue-components/types'\nimport { kebabCase } from 'unplugin-vue-components'\n\nconst isSSR = Boolean(\n  process.env.SSR ||\n    process.env.SSG ||\n    process.env.VITE_SSR ||\n    process.env.VITE_SSG\n)\n\nconst moduleType = isSSR ? 'lib' : 'es'\n\nexport interface DkResolverOptions {\n  /**\n   * import style css or scss along with components\n   *\n   * @default true\n   */\n  importStyle?: boolean | 'css' | 'scss'\n}\n\nfunction getSideEffects(\n  dirName: string,\n  options: DkResolverOptions\n): SideEffectsInfo | undefined {\n  const { importStyle = true } = options\n\n  if (!importStyle || isSSR) return\n\n  if (importStyle === 'scss') {\n    return `@vipl520/dk-ui/${moduleType}/${dirName}/style/scss`\n  } else {\n    return `@vipl520/dk-ui/${moduleType}/${dirName}/style/index`\n  }\n}\n\n/**\n * Resolver for Dk\n *\n * @link https://github.com/vipl520/dk-starter\n */\nexport function DkResolver(options: DkResolverOptions = {}): ComponentResolver {\n  return {\n    type: 'component',\n    resolve: (name: string) => {\n      if (name.startsWith('Dk')) {\n        const partialName = name.slice(4)\n        return {\n          name: partialName,\n          from: `@vipl520/dk-ui/${moduleType}`,\n          sideEffects: getSideEffects(kebabCase(partialName), options),\n        }\n      }\n    },\n  }\n}\n"],"names":[],"mappings":";;AAMA,MAAM,KAAQ,GAAA,OAAA;AAAA,EACZ,OAAA,CAAQ,GAAI,CAAA,GAAA,IACV,OAAQ,CAAA,GAAA,CAAI,OACZ,OAAQ,CAAA,GAAA,CAAI,QACZ,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA;AAChB,CAAA,CAAA;AAEA,MAAM,UAAA,GAAa,QAAQ,KAAQ,GAAA,IAAA,CAAA;AAWnC,SAAS,cAAA,CACP,SACA,OAC6B,EAAA;AAC7B,EAAM,MAAA,EAAE,WAAc,GAAA,IAAA,EAAS,GAAA,OAAA,CAAA;AAE/B,EAAA,IAAI,CAAC,WAAe,IAAA,KAAA;AAAO,IAAA,OAAA;AAE3B,EAAA,IAAI,gBAAgB,MAAQ,EAAA;AAC1B,IAAO,OAAA,CAAA,eAAA,EAAkB,UAAU,CAAA,CAAA,EAAI,OAAO,CAAA,WAAA,CAAA,CAAA;AAAA,GACzC,MAAA;AACL,IAAO,OAAA,CAAA,eAAA,EAAkB,UAAU,CAAA,CAAA,EAAI,OAAO,CAAA,YAAA,CAAA,CAAA;AAAA,GAChD;AACF,CAAA;AAOgB,SAAA,UAAA,CAAW,OAA6B,GAAA,EAAuB,EAAA;AAC7E,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,WAAA;AAAA,IACN,OAAA,EAAS,CAAC,IAAiB,KAAA;AACzB,MAAI,IAAA,IAAA,CAAK,UAAW,CAAA,IAAI,CAAG,EAAA;AACzB,QAAM,MAAA,WAAA,GAAc,IAAK,CAAA,KAAA,CAAM,CAAC,CAAA,CAAA;AAChC,QAAO,OAAA;AAAA,UACL,IAAM,EAAA,WAAA;AAAA,UACN,IAAA,EAAM,kBAAkB,UAAU,CAAA,CAAA;AAAA,UAClC,WAAa,EAAA,cAAA,CAAe,SAAU,CAAA,WAAW,GAAG,OAAO,CAAA;AAAA,SAC7D,CAAA;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}

package/es/select/style/index.scss

@@ -0,0 +1,4 @@
+/* stylelint-disable */
+.dk-select {
+}
+/* stylelint-enable */

package/es/style-background-input/style/index.css

@@ -0,0 +1 @@
+.dk-style-background-input{display:flex}.dk-style-background-input .dk-image-input{width:100%;margin-left:5px}

package/es/style-background-input/style/index.scss

@@ -0,0 +1,9 @@
+/* stylelint-disable */
+.dk-style-background-input {
+  display: flex;
+  .dk-image-input {
+    width: 100%;
+    margin-left: 5px;
+  }
+}
+/* stylelint-enable */

package/es/style-border-input/style/index.css

@@ -0,0 +1 @@
+.dk-style-border-input{align-items:center;display:flex;justify-content:space-between;width:100%}.dk-style-border-input .border-box{display:grid;grid-template:". border-top ." "border-left border-all border-right" ". border-bottom .";height:-webkit-min-content;height:-moz-min-content;height:min-content;width:-webkit-min-content;width:-moz-min-content;width:min-content}.dk-style-border-input .border-box .border-box-option{cursor:pointer;height:30px;text-align:center;width:30px}.dk-style-border-input .border-box .border-box-option.selected{background:#e8e8e8!important;border-radius:20%}.dk-style-border-input .border-box .border-box-option:hover{background:#f0f0f0;border-radius:20%}.dk-style-border-input .dk-border-slider{width:calc(100% - 140px);margin-right:10px;margin-left:10px}.dk-style-border-input .dk-border-input{width:100px}.dk-style-border-input .dk-border-select{width:40px}.dk-style-border-input.mini{flex-direction:column}.dk-style-border-input.mini .m-l-20px{margin-left:0!important;margin-top:10px}.dk-style-border-input .el-form-item{margin-bottom:18px!important;display:flex!important}

package/es/style-border-input/style/index.scss

@@ -0,0 +1,51 @@
+/* stylelint-disable */
+.dk-style-border-input {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  .border-box {
+    display: grid;
+    grid-template: '. border-top .' 'border-left border-all border-right' '. border-bottom .';
+    height: min-content;
+    width: min-content;
+    .border-box-option {
+      cursor: pointer;
+      height: 30px;
+      text-align: center;
+      width: 30px;
+      &.selected {
+        background: #e8e8e8 !important;
+        border-radius: 20%;
+      }
+      &:hover {
+        background: #f0f0f0;
+        border-radius: 20%;
+      }
+    }
+  }
+  .dk-border-slider {
+    width: calc(100% - 140px);
+    margin-right: 10px;
+    margin-left: 10px;
+  }
+  .dk-border-input {
+    width: 100px;
+  }
+  .dk-border-select {
+    width: 40px;
+  }
+
+  &.mini {
+    flex-direction: column;
+    .m-l-20px {
+      margin-left: 0 !important;
+      margin-top: 10px;
+    }
+  }
+  .el-form-item {
+    margin-bottom: 18px !important;
+    display: flex !important;
+  }
+}
+/* stylelint-enable */

package/es/style-box-input/style/index.css

@@ -0,0 +1 @@
+.dk-style-box-input{display:flex;flex-direction:column;flex-shrink:0;min-height:100%;width:100%}.dk-style-box-input .position-line{background:rgba(255,0,0,.42);position:fixed;z-index:999}.dk-style-box-input .header{margin-bottom:20px}.dk-style-box-input .header .name-header-operations{float:right;margin-left:4px;position:relative}.dk-style-box-input .wrapper{background-color:#e7dec6;height:380px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.dk-style-box-input .wrapper .thumnail{margin:auto;position:relative;top:50%;transform:translateY(-50%)}.dk-style-box-input .wrapper .thumnail-heightlight{border:1px dashed rgba(51,51,51,.5);box-sizing:initial}.dk-style-box-input .wrapper .margin{background-color:#eace95;height:90%;width:90%}.dk-style-box-input .wrapper .margin .title{color:#7f0020;display:block;padding:6px;position:absolute}.dk-style-box-input .wrapper .margin .anchor{background-color:#fff;border:1px solid rgba(51,51,51,.5);height:8px;width:8px;z-index:10000}.dk-style-box-input .wrapper .margin .anchor-left{left:-4px;position:absolute;top:50%;transform:translateY(-50%)}.dk-style-box-input .wrapper .margin .anchor-left:hover{cursor:w-resize}.dk-style-box-input .wrapper .margin .anchor-right{position:absolute;right:-4px;top:50%;transform:translateY(-50%)}.dk-style-box-input .wrapper .margin .anchor-right:hover{cursor:e-resize}.dk-style-box-input .wrapper .margin .anchor-top{left:50%;position:absolute;top:-4px;transform:translateX(-50%)}.dk-style-box-input .wrapper .margin .anchor-top:hover{cursor:n-resize}.dk-style-box-input .wrapper .margin .anchor-bottom{bottom:-4px;left:50%;position:absolute;transform:translateX(-50%)}.dk-style-box-input .wrapper .margin .anchor-bottom:hover{cursor:s-resize}.dk-style-box-input .wrapper .margin .anchor-tip-left{left:6px;position:absolute;top:50%;transform:translateY(-50%);z-index:999}.dk-style-box-input .wrapper .margin .anchor-tip-right{position:absolute;right:6px;top:50%;transform:translateY(-50%);z-index:999}.dk-style-box-input .wrapper .margin .anchor-tip-top{left:50%;position:absolute;top:6px;transform:translateX(-50%);z-index:999}.dk-style-box-input .wrapper .margin .anchor-tip-bottom{bottom:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:999}.dk-style-box-input .wrapper .margin .anchor-tip-left,.dk-style-box-input .wrapper .margin .anchor-tip-right{width:13%;height:100%}.dk-style-box-input .wrapper .margin .anchor-tip-bottom,.dk-style-box-input .wrapper .margin .anchor-tip-top{height:10%;width:70%}.dk-style-box-input .wrapper .margin .border{border-width:3px;height:70%;width:70%}.dk-style-box-input .wrapper .margin .padding{background-color:#aed29f;height:calc(100% - 1px);width:calc(100% - 1px)}.dk-style-box-input .wrapper .margin .padding .anchor-tip-left,.dk-style-box-input .wrapper .margin .padding .anchor-tip-right{height:50%;width:16%}.dk-style-box-input .wrapper .margin .padding .anchor-tip-bottom,.dk-style-box-input .wrapper .margin .padding .anchor-tip-top{height:16%;width:100%}.dk-style-box-input .wrapper .margin .padding .width-height{align-items:center;background-color:#9ae0f1;display:flex;height:50%;justify-content:center;width:60%;font-size:14px}.dk-style-box-input .wrapper .margin .padding .width-height input{line-height:46px;top:calc(50% - 12px)}.dk-style-box-input .wrapper .margin .padding .width-height .title{color:#000;height:80%;padding:0;text-align:center;width:100%}.dk-style-box-input .wrapper .margin .padding .width-height .title span{top:calc(50% - 12px);height:100%;position:absolute}.dk-style-box-input .wrapper .margin .padding .width-height .title .content-unit{cursor:pointer;display:inline-block;width:40%}.dk-style-box-input .wrapper .margin .input-box{border:0;border-radius:2px;display:none;font-size:12px;max-height:24px;max-width:48px;outline:1px solid #666}.dk-style-box-input .wrapper .margin .input-box.show{display:block}.dk-style-box-input .wrapper .margin .value-indicator{color:#333;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.dk-style-box-input .wrapper .margin .value-indicator:hover~.esm-modal-svg{opacity:1}.dk-style-box-input .wrapper .margin .esm-modal-svg{opacity:0}.dk-style-box-input .wrapper .margin .esm-modal-svg:hover{opacity:1}