vdesign-ui 0.2.1 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vdesign-ui",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "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/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;
-}