vdesign-ui 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vdesign-ui",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "private": false,
   "main": "dist/vdesign-ui.umd.js",
   "files": [

package/dist/components/checkbox/checkbox-group/index.js

@@ -1,8 +0,0 @@
-import vdCheckboxGroup from './index.vue';
-import './style.less';
-
-vdCheckboxGroup.install = function (Vue) {
-  Vue.component(vdCheckboxGroup.name, vdCheckboxGroup);
-};
-
-export default vdCheckboxGroup;

package/dist/components/loading/img_status_loading_white_ani.svg

@@ -1,155 +0,0 @@
-<svg
-fill="none"
-width='100%'
-height='100%'
-viewBox="0 0 32 32"
-xmlns="http://www.w3.org/2000/svg"
-xmlns:xlink="http://www.w3.org/1999/xlink"
->
-  <defs>
-      <style type="text/css">
-        <![CDATA[
-          @keyframes loading-animate1 {
-            0% {
-              fill-opacity: 0.16;
-            }
-            20% {
-              fill-opacity: 1;
-            }
-            26% {
-              fill-opacity: 0.32;
-            }
-            32% {
-              fill-opacity: 0.16;
-            }
-            100% {
-              fill-opacity: 0.16;
-            }
-          }
-
-          @keyframes loading-animate2 {
-            0% {
-              fill-opacity: 0.16;
-            }
-            12% {
-              fill-opacity: 0.16;
-            }
-            22% {
-              fill-opacity: 1;
-            }
-            31% {
-              fill-opacity: 0.32;
-            }
-            37% {
-              fill-opacity: 0.16;
-            }
-            100% {
-              fill-opacity: 0.16;
-            }
-          }
-
-          @keyframes loading-animate3 {
-            0% {
-              fill-opacity: 0.16;
-            }
-            20% {
-              fill-opacity: 0.16;
-            }
-            30% {
-              fill-opacity: 1;
-            }
-            36% {
-              fill-opacity: 0.32;
-            }
-            42% {
-              fill-opacity: 0.16;
-            }
-            100% {
-              fill-opacity: 0.16;
-            }
-          }
-
-          @keyframes loading-animate4 {
-            0% {
-              fill-opacity: 0.16;
-            }
-            25% {
-              fill-opacity: 0.16;
-            }
-            35% {
-              fill-opacity: 1;
-            }
-            41% {
-              fill-opacity: 0.32;
-            }
-            47% {
-              fill-opacity: 0.16;
-            }
-            100% {
-              fill-opacity: 0.16;
-            }
-          }
-
-          .loading-part-1,
-          .loading-part-2,
-          .loading-part-3,
-          .loading-part-4 {
-            animation-duration: 1s;
-            animation-delay: 0s;
-            animation-timing-function: cubic-bezier(0.5, 0, 1, 1);
-            animation-iteration-count: infinite;
-          }
-
-          .loading-part-1 {
-            animation-name: loading-animate1;
-          }
-
-          .loading-part-2 {
-            animation-name: loading-animate2;
-          }
-
-          .loading-part-3 {
-            animation-name: loading-animate3;
-          }
-
-          .loading-part-4 {
-            animation-name: loading-animate4;
-          }
-        ]]>
-      </style>
-    </defs>
-  <g>
-    <path
-      class="loading-part-1"
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M6 32.0001L9.72003 28.209C9.95076 27.9739 10.0803 27.655 10.0803 27.3225V16.2236L6.36035 20.0147C6.12963 20.2498 6 20.5687 6 20.9012V32.0001Z"
-      fill-opacity="0.16"
-      fill="#FFFFFF"
-    />
-    <path
-      class="loading-part-2"
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M11.3068 26.559L15.0269 22.768C15.2576 22.5329 15.3872 22.214 15.3872 21.8815V2.71126L11.6672 6.50233C11.4364 6.73746 11.3068 7.05636 11.3068 7.38889V26.559Z"
-      fill-opacity="0.16"
-      fill="#FFFFFF"
-    />
-    <path
-      class="loading-part-3"
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M16.6255 29.2742L20.3455 25.4832C20.5762 25.248 20.7059 24.9292 20.7059 24.5966V5.42644L16.9858 9.21751C16.7552 9.4526 16.6255 9.77154 16.6255 10.104V29.2742Z"
-      fill="#FFFFFF"
-      fill-opacity="0.16"
-    />
-    <path
-      class="loading-part-4"
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M21.9196 15.7765L25.6396 11.9854C25.8703 11.7503 26 11.4314 26 11.0989V0L22.2799 3.79107C22.0492 4.02617 21.9196 4.3451 21.9196 4.67759V15.7765Z"
-      fill="#FFFFFF"
-      fill-opacity="0.16"
-    />
-  </g>
-</svg>

package/dist/components/loading/img_status_refresh_ani.svg

@@ -1,158 +0,0 @@
-<svg
-fill="none"
-width='100%'
-height='100%'
-viewBox="0 0 32 32"
-xmlns="http://www.w3.org/2000/svg"
-xmlns:xlink="http://www.w3.org/1999/xlink"
->
-  <defs>
-      <style type="text/css">
-        <![CDATA[
-          @keyframes refresh-animate1 {
-            0% {
-              fill-opacity: 1;
-            }
-            16.67% {
-              fill-opacity: 0.16;
-            }
-            50% {
-              fill-opacity: 0.16;
-            }
-            83.33% {
-              fill-opacity: 0.16;
-            }
-            100% {
-              fill-opacity: 1;
-            }
-          }
-
-          @keyframes refresh-animate2 {
-            0% {
-              fill-opacity: 0.16;
-            }
-            16.67% {
-              fill-opacity: 1;
-            }
-            33.33% {
-              fill-opacity: 0.16;
-            }
-            50% {
-              fill-opacity: 0.16;
-            }
-            66.67% {
-              fill-opacity: 0.16;
-            }
-            83.33% {
-              fill-opacity: 1;
-            }
-            100% {
-              fill-opacity: 0.16;
-            }
-          }
-
-          @keyframes refresh-animate3 {
-            0% {
-              fill-opacity: 0.16;
-            }
-            16.67% {
-              fill-opacity: 0.16;
-            }
-            33.33% {
-              fill-opacity: 1;
-            }
-            50% {
-              fill-opacity: 0.16;
-            }
-            66.67% {
-              fill-opacity: 1;
-            }
-            83.33% {
-              fill-opacity: 0.16;
-            }
-            100% {
-              fill-opacity: 0.16;
-            }
-          }
-
-          @keyframes refresh-animate4 {
-            0% {
-              fill-opacity: 0.16;
-            }
-            33.33% {
-              fill-opacity: 0.16;
-            }
-            50% {
-              fill-opacity: 1;
-            }
-            66.67% {
-              fill-opacity: 0.16;
-            }
-            100% {
-              fill-opacity: 0.16;
-            }
-          }
-
-          .loading-part-1,
-          .loading-part-2,
-          .loading-part-3,
-          .loading-part-4 {
-            animation-duration: 1000ms;
-            animation-delay: 0s;
-            animation-timing-function: ease-out;
-            animation-iteration-count: infinite;
-          }
-
-          .loading-part-1 {
-            animation-name: refresh-animate1;
-          }
-
-          .loading-part-2 {
-            animation-name: refresh-animate2;
-          }
-
-          .loading-part-3 {
-            animation-name: refresh-animate3;
-          }
-
-          .loading-part-4 {
-            animation-name: refresh-animate4;
-          }
-        ]]>
-      </style>
-    </defs>
-  <g>
-    <path
-      class="loading-part-1"
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M6 32.0001L9.72003 28.209C9.95076 27.9739 10.0803 27.655 10.0803 27.3225V16.2236L6.36035 20.0147C6.12963 20.2498 6 20.5687 6 20.9012V32.0001Z"
-      fill-opacity="0.16"
-      fill="#1BC47D"
-    />
-    <path
-      class="loading-part-2"
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M11.3068 26.559L15.0269 22.768C15.2576 22.5329 15.3872 22.214 15.3872 21.8815V2.71126L11.6672 6.50233C11.4364 6.73746 11.3068 7.05636 11.3068 7.38889V26.559Z"
-      fill-opacity="0.16"
-      fill="#1BC47D"
-    />
-    <path
-      class="loading-part-3"
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M16.6255 29.2742L20.3455 25.4832C20.5762 25.248 20.7059 24.9292 20.7059 24.5966V5.42644L16.9858 9.21751C16.7552 9.4526 16.6255 9.77154 16.6255 10.104V29.2742Z"
-      fill="#1BC47D"
-      fill-opacity="0.16"
-    />
-    <path
-      class="loading-part-4"
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M21.9196 15.7765L25.6396 11.9854C25.8703 11.7503 26 11.4314 26 11.0989V0L22.2799 3.79107C22.0492 4.02617 21.9196 4.3451 21.9196 4.67759V15.7765Z"
-      fill="#1BC47D"
-      fill-opacity="0.16"
-    />
-  </g>
-</svg>

package/dist/components/radio/assist.js

@@ -1,34 +0,0 @@
-
-
-// Find components downward
-export function findComponentsDownward (context, componentName, ignoreComponentNames = []) {
-    if (!Array.isArray(ignoreComponentNames)) {
-        ignoreComponentNames = [ignoreComponentNames];
-    }
-    return context.$children.reduce((components, child) => {
-        if (child.$options.name === componentName) components.push(child);
-        if (ignoreComponentNames.indexOf(child.$options.name) < 0) {
-            const foundChilds = findComponentsDownward(child, componentName);
-            return components.concat(foundChilds);
-        } else {
-            return components;
-        }
-    }, []);
-}
-
-// Find components upward
-export function findComponentUpward (context, componentName, componentNames) {
-    if (typeof componentName === 'string') {
-        componentNames = [componentName];
-    } else {
-        componentNames = componentName;
-    }
-
-    let parent = context.$parent;
-    let name = parent.$options.name;
-    while (parent && (!name || componentNames.indexOf(name) < 0)) {
-        parent = parent.$parent;
-        if (parent) name = parent.$options.name;
-    }
-    return parent;
-}

package/dist/components/radio/style.css

@@ -1,213 +0,0 @@
-.vd-radio {
-  position: relative;
-  cursor: pointer;
-  display: flex;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.vd-radio__input {
-  position: relative;
-  margin-inline-end: calc(var(--spacing-check_radio-icon-margin_right) * 1px);
-  width: calc(var(--icon-check_radio-sizing) * 1px);
-  height: calc(var(--icon-check_radio-sizing) * 1px);
-}
-.vd-radio__label {
-  flex: 1;
-}
-.vd-radio__text {
-  color: var(--color-check_radio-text-default);
-  font-size: calc(var(--en-single-f-d-r-fontSize) * 1px);
-  font-weight: var(--en-single-f-d-r-fontWeight);
-}
-.vd-radio__description {
-  line-height: 1;
-  margin-top: calc(var(--spacing-check_radio-text-margin_top) * 1px);
-  color: var(--color-check_radio-text_describe-default);
-  font-size: calc(var(--en-single-f-b-r-fontSize) * 1px);
-  font-weight: var(--en-single-f-b-r-fontWeight);
-}
-.vd-radio .vd-radio__icon {
-  display: block;
-  width: calc(var(--icon-check_radio-sizing) * 1px);
-  height: calc(var(--icon-check_radio-sizing) * 1px);
-  position: relative;
-}
-.vd-radio .vd-radio__icon::before {
-  position: absolute;
-  box-sizing: border-box;
-  content: ' ';
-  pointer-events: none;
-  top: -50%;
-  right: -50%;
-  bottom: -50%;
-  left: -50%;
-  border: 0 solid var(--color-check_radio-default);
-  -webkit-transform: scale(0.5);
-  transform: scale(0.5);
-  border-width: 3px;
-  border-radius: 50%;
-}
-.vd-radio__original {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 1;
-  cursor: pointer;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  opacity: 0;
-}
-.vd-radio--checked .vd-radio__text {
-  font-size: calc(var(--en-single-f-d-s-fontSize) * 1px);
-  font-weight: var(--en-single-f-d-s-fontWeight);
-}
-.vd-radio--checked .vd-radio__icon::before {
-  border: 0 solid var(--color-check_radio-active);
-  border-width: 3px;
-}
-.vd-radio--checked .vd-radio__icon::after {
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  border-radius: 50%;
-  display: table;
-  border-top: 0;
-  border-left: 0;
-  content: " ";
-  background-color: var(--color-check_radio-active);
-}
-.vd-radio--disabled {
-  cursor: not-allowed;
-}
-.vd-radio--disabled .vd-radio__text {
-  color: var(--color-check_radio-text-disable);
-}
-.vd-radio--disabled .vd-radio__description {
-  color: var(--color-check_radio-text_describe-disable);
-}
-.vd-radio--disabled .vd-radio__icon::before {
-  border-color: var(--color-check_radio-disable);
-}
-.vd-radio--checked.vd-radio--disabled .vd-radio__icon::before {
-  border-color: var(--color-check_radio-active-disable);
-}
-.vd-radio--checked.vd-radio--disabled .vd-radio__icon::after {
-  background-color: var(--color-check_radio-active-disable);
-}
-.vd-radio-group {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--spacing-check_radio-group-margin_x)*1px);
-}
-.vd-radio-group-card {
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  gap: 12px;
-}
-.vd-radio-group-card .vd-radio-button-cell {
-  flex: 1;
-}
-.vd-radio-button {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-  line-height: 1;
-  width: 100%;
-}
-.vd-radio-button::after {
-  position: absolute;
-  box-sizing: border-box;
-  content: ' ';
-  pointer-events: none;
-  top: -50%;
-  right: -50%;
-  bottom: -50%;
-  left: -50%;
-  border: 0 solid var(--color-check_radio-radio_border-default);
-  -webkit-transform: scale(0.5);
-  transform: scale(0.5);
-  border-width: 1px;
-}
-.vd-radio-button--large {
-  height: calc(var(--height-check_radio-radio_button_l) * 1px);
-}
-.vd-radio-button--large .vd-radio-button-text {
-  color: var(--color-check_radio-radio_button_text-default);
-  font-size: calc(var(--en-single-f-d-r-fontSize) * 1px);
-  font-weight: var(--en-single-f-d-r-fontWeight);
-}
-.vd-radio-button--large::after {
-  border-radius: calc(var(--radius-check_radio-radio_l) * 2px);
-}
-.vd-radio-button--medium {
-  height: calc(var(--height-check_radio-radio_button_m) * 1px);
-}
-.vd-radio-button--medium .vd-radio-button-text {
-  color: var(--color-check_radio-radio_button_text-default);
-  font-size: calc(var(--en-single-f-c-r-fontSize) * 1px);
-  font-weight: var(--en-single-f-c-r-fontWeight);
-}
-.vd-radio-button--medium::after {
-  border-radius: calc(var(--radius-check_radio-m) * 2px);
-}
-.vd-radio-button--small {
-  height: calc(var(--height-check_radio-radio_button_s) * 1px);
-}
-.vd-radio-button--small .vd-radio-button-text {
-  color: var(--color-check_radio-radio_button_text-default);
-  font-size: calc(var(--en-single-f-c-r-fontSize) * 1px);
-  font-weight: var(--en-single-f-c-r-fontWeight);
-}
-.vd-radio-button--small::after {
-  border-radius: calc(var(--radius-check_radio-s) * 2px);
-}
-.vd-radio-button--checked {
-  background-color: var(--color-check_radio-radio_button_bg-active);
-}
-.vd-radio-button--checked::after {
-  border-color: var(--color-check_radio-radio_border-active);
-  border-width: 2px;
-}
-.vd-radio-button--checked .vd-radio-button-text {
-  color: var(--color-check_radio-radio_button_text-active);
-}
-.vd-radio-button--checked.vd-radio-button--large .vd-radio-button-text {
-  font-size: calc(var(--en-single-f-d-s-fontSize) * 1px);
-  font-weight: var(--en-single-f-d-s-fontWeight);
-}
-.vd-radio-button--checked.vd-radio-button--medium .vd-radio-button-text {
-  font-size: calc(var(--en-single-f-c-s-fontSize) * 1px);
-  font-weight: var(--en-single-f-c-s-fontWeight);
-}
-.vd-radio-button--checked.vd-radio-button--small .vd-radio-button-text {
-  font-size: calc(var(--en-single-f-c-s-fontSize) * 1px);
-  font-weight: var(--en-single-f-c-s-fontWeight);
-}
-.vd-radio-button--disabled {
-  cursor: not-allowed;
-}
-.vd-radio-button--disabled .vd-radio-button-text {
-  color: var(--color-check_radio-radio_button_text-disable);
-}
-.vd-radio-group {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--spacing-check_radio-group-margin_x)*1px);
-}
-.vd-radio-group__card {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 12px;
-}
-.vd-radio-group .vd-radio-button {
-  flex: 1;
-}