vxe-pc-ui 3.0.0 → 3.0.1

package/es/vxe-checkbox/style.css

@@ -0,0 +1,117 @@
+/*checkbox-group*/
+.vxe-checkbox-group {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 1;
+}
+
+.vxe-checkbox-slots {
+  display: none;
+}
+
+.vxe-checkbox--readonly {
+  color: var(--vxe-ui-font-color);
+  display: inline-flex;
+}
+
+/*checkbox*/
+.vxe-checkbox {
+  display: inline-block;
+  vertical-align: middle;
+  white-space: nowrap;
+  line-height: 1;
+}
+.vxe-checkbox .vxe-checkbox--icon {
+  font-size: 1.22em;
+}
+.vxe-checkbox .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-checkbox.is--checked, .vxe-checkbox.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox.is--checked .vxe-checkbox--icon, .vxe-checkbox.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox.is--hidden {
+  cursor: default;
+}
+.vxe-checkbox.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-checkbox.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-checkbox .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+.vxe-checkbox + .vxe-checkbox {
+  margin-left: 10px;
+}
+.vxe-checkbox > input[type=checkbox] {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.vxe-checkbox.is--indeterminate > input:not(:checked) + .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox:not(.is--disabled) > input:focus + .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+  box-shadow: 0 0 0.2em 0 var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox:not(.is--disabled):hover > input + .vxe-checkbox--icon {
+  border-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox.is--disabled {
+  cursor: not-allowed;
+}
+.vxe-checkbox.is--disabled > input + .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-checkbox.is--disabled > input + .vxe-checkbox--icon + .vxe-checkbox--label {
+  color: var(--vxe-ui-font-disabled-color);
+}
+.vxe-checkbox.is--disabled > input:checked + .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-checkbox .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+  display: inline-block;
+  max-width: 50em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-checkbox {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-checkbox.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-checkbox.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-checkbox.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/es/vxe-checkbox/style.min.css

@@ -0,0 +1 @@
+.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color);box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:var(--vxe-ui-font-disabled-color)}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size-default)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/vxe-checkbox-group/index.js

@@ -0,0 +1,3 @@
+import VxeCheckboxGroup from '../checkbox-group';
+export * from '../checkbox-group';
+export default VxeCheckboxGroup;

package/es/vxe-icon-picker/index.js

@@ -0,0 +1,3 @@
+import VxeIconPicker from '../icon-picker';
+export * from '../icon-picker';
+export default VxeIconPicker;

package/es/vxe-icon-picker/style.css

@@ -0,0 +1,207 @@
+.vxe-ico-picker {
+  position: relative;
+  display: inline-block;
+  color: var(--vxe-ui-font-color);
+  width: 100px;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon {
+  display: block;
+}
+.vxe-ico-picker.is--active {
+  border-color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-ico-picker--inner {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  padding: 0 0.5em;
+}
+
+.vxe-ico-picker--input {
+  position: absolute;
+  z-index: -1;
+  width: 1px;
+  height: 1px;
+  outline: 0;
+  border: 0;
+}
+
+.vxe-ico-picker--icon {
+  flex-grow: 1;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: left;
+  padding: 0 0.5em;
+}
+
+.vxe-ico-picker--placeholder {
+  flex-grow: 1;
+  color: var(--vxe-ui-input-placeholder-color);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-ico-picker--suffix {
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 0;
+  color: var(--vxe-ui-input-placeholder-color);
+  cursor: pointer;
+}
+.vxe-ico-picker--suffix .vxe-ico-picker--suffix-icon > i {
+  display: inline-block;
+  transition: transform 0.2s ease-in-out;
+}
+
+.vxe-ico-picker--readonly {
+  color: var(--vxe-ui-font-color);
+  display: inline-flex;
+}
+
+.vxe-ico-picker--clear-icon {
+  display: none;
+  padding-right: 0.5em;
+  height: 100%;
+  color: var(--vxe-ui-input-placeholder-color);
+  cursor: pointer;
+}
+.vxe-ico-picker--clear-icon:hover {
+  color: var(--vxe-ui-font-color);
+}
+.vxe-ico-picker--clear-icon:active {
+  color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-ico-picker--list-wrapper {
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: 22.3em;
+  padding: var(--vxe-ui-layout-padding-qtr);
+}
+
+.vxe-ico-picker--list {
+  display: flex;
+  flex-direction: row;
+}
+
+.vxe-ico-picker--item {
+  display: flex;
+  flex-direction: column;
+  width: 4.8em;
+  padding: 0.2em;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+  margin: var(--vxe-ui-layout-padding-half);
+  cursor: pointer;
+}
+.vxe-ico-picker--item:hover {
+  background-color: var(--vxe-ui-base-hover-background-color);
+}
+.vxe-ico-picker--item.is--selected {
+  color: var(--vxe-ui-font-primary-color);
+  border-color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-ico-picker--item-icon {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  height: 1.5em;
+  font-size: 1.4em;
+}
+
+.vxe-ico-picker--item-title {
+  padding: 0 0.2em;
+  line-height: 1.3em;
+  flex-shrink: 0;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 0.9em;
+}
+
+.vxe-ico-picker--item-title,
+.vxe-ico-picker--item-icon {
+  width: 100%;
+}
+
+.vxe-ico-picker--panel-wrapper {
+  position: relative;
+  border-radius: var(--vxe-ui-base-border-radius);
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  box-shadow: var(--vxe-ui-base-popup-box-shadow);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-ico-picker--panel {
+  display: none;
+  position: absolute;
+  left: 0;
+  padding: 4px 0;
+  color: var(--vxe-ui-font-color);
+  text-align: left;
+}
+.vxe-ico-picker--panel:not(.is--transfer) {
+  min-width: 100%;
+}
+.vxe-ico-picker--panel.is--transfer {
+  position: fixed;
+}
+.vxe-ico-picker--panel.ani--leave {
+  display: block;
+  opacity: 0;
+  transform: scaleY(0.5);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+  backface-visibility: hidden;
+}
+.vxe-ico-picker--panel.ani--leave[placement=top] {
+  transform-origin: center bottom;
+}
+.vxe-ico-picker--panel.ani--enter {
+  opacity: 1;
+  transform: scaleY(1);
+}
+
+.vxe-ico-picker {
+  height: var(--vxe-ui-input-height-default);
+  line-height: var(--vxe-ui-input-height-default);
+}
+.vxe-ico-picker.size--medium {
+  height: var(--vxe-ui-input-height-medium);
+  line-height: var(--vxe-ui-input-height-medium);
+}
+.vxe-ico-picker.size--small {
+  height: var(--vxe-ui-input-height-small);
+  line-height: var(--vxe-ui-input-height-small);
+}
+.vxe-ico-picker.size--mini {
+  height: var(--vxe-ui-input-height-mini);
+  line-height: var(--vxe-ui-input-height-mini);
+}
+
+.vxe-ico-picker,
+.vxe-ico-picker--panel {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-ico-picker.size--medium,
+.vxe-ico-picker--panel.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-ico-picker.size--small,
+.vxe-ico-picker--panel.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-ico-picker.size--mini,
+.vxe-ico-picker--panel.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/es/vxe-icon-picker/style.min.css

@@ -0,0 +1 @@
+.vxe-ico-picker{position:relative;display:inline-block;color:var(--vxe-ui-font-color);width:100px;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon{display:block}.vxe-ico-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--inner{display:flex;flex-direction:row;width:100%;padding:0 .5em}.vxe-ico-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-ico-picker--icon{flex-grow:1;display:inline-flex;flex-direction:row;align-items:center;justify-content:left;padding:0 .5em}.vxe-ico-picker--placeholder{flex-grow:1;color:var(--vxe-ui-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-ico-picker--suffix{display:flex;flex-direction:row;flex-shrink:0;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--suffix .vxe-ico-picker--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-ico-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-ico-picker--clear-icon{display:none;padding-right:.5em;height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-ico-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--list-wrapper{overflow-x:hidden;overflow-y:auto;max-height:22.3em;padding:var(--vxe-ui-layout-padding-qtr)}.vxe-ico-picker--list{display:flex;flex-direction:row}.vxe-ico-picker--item{display:flex;flex-direction:column;width:4.8em;padding:.2em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);margin:var(--vxe-ui-layout-padding-half);cursor:pointer}.vxe-ico-picker--item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-ico-picker--item.is--selected{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--item-icon{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;height:1.5em;font-size:1.4em}.vxe-ico-picker--item-title{padding:0 .2em;line-height:1.3em;flex-shrink:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.vxe-ico-picker--item-icon,.vxe-ico-picker--item-title{width:100%}.vxe-ico-picker--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-ico-picker--panel:not(.is--transfer){min-width:100%}.vxe-ico-picker--panel.is--transfer{position:fixed}.vxe-ico-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-ico-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-ico-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-ico-picker{height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-ico-picker.size--medium{height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-ico-picker.size--small{height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-ico-picker.size--mini{height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-ico-picker,.vxe-ico-picker--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-ico-picker--panel.size--medium,.vxe-ico-picker.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-ico-picker--panel.size--small,.vxe-ico-picker.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-ico-picker--panel.size--mini,.vxe-ico-picker.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/vxe-input/index.js

@@ -0,0 +1,3 @@
+import VxeInput from '../input';
+export * from '../input';
+export default VxeInput;