@aplus-frontend/ui 0.0.1-beta.3 → 0.0.1-beta.31

package/es/src/theme/ap-upload/picture.css

@@ -0,0 +1,112 @@
+.aplus-ap-upload-picture .picture-context {
+  display: grid;
+  grid-gap: 16px;
+  grid-template-columns: repeat(auto-fill, 100px);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.aplus-ap-upload-picture .picture-context .picture-upload {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100px;
+  overflow: hidden;
+  transition: all 0.2s;
+  border: 1px dashed #dee4ed;
+  border-radius: 4px;
+  background: #f2f6f9;
+  color: #abb7cc;
+  font-size: 16px;
+  cursor: pointer;
+  aspect-ratio: 1 / 1;
+}
+.aplus-ap-upload-picture .picture-context .picture-upload > * + * {
+  margin-top: 8px;
+  font-size: 14px;
+}
+.aplus-ap-upload-picture .picture-context .picture-upload:hover {
+  border: 1px dashed #0070ff;
+}
+.aplus-ap-upload-picture .picture-context .picture-item {
+  width: 100px;
+  padding: 8px;
+  overflow: hidden;
+  border: 1px solid #dee4ed;
+  border-radius: 4px;
+  background: #fff;
+  aspect-ratio: 1 / 1;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box > img {
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box:hover > .picture-item-shadow {
+  display: block !important;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  font-size: 14px;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow .picture-item-close {
+  display: flex;
+  position: absolute;
+  top: 0;
+  right: 0;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  overflow: hidden;
+  transform: translate(30%, -30%);
+  border: 1px solid #fff;
+  border-radius: 50%;
+  background: #ff4d4f;
+  color: #fff;
+  font-size: 10px;
+  cursor: pointer;
+  aspect-ratio: 1 / 1;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow .picture-item-uploading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 84%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
+.aplus-ap-upload-picture .picture-title {
+  margin-top: 8px;
+  color: #8896b0;
+  font-size: 14px;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-upload {
+  border: 1px dashed #d9d9d9;
+  background: #fafafa;
+  color: #bfbfbf;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-upload:hover {
+  border: 1px dashed #34b77c;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-item {
+  border: 1px solid #d9d9d9;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-title {
+  color: #999;
+}

package/es/src/theme/ap-upload/single-file.css

@@ -0,0 +1,98 @@
+.aplus-ap-upload-single-file {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 200px;
+  overflow: hidden;
+  transition: all 0.3s;
+  border: 1px dashed #dee4ed;
+  border-radius: 4px;
+  background: #f2f6f9;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.aplus-ap-upload-single-file > div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.aplus-ap-upload-single-file .state-un {
+  flex-direction: column;
+}
+.aplus-ap-upload-single-file .state-un .state-un-icon {
+  display: block;
+  width: 56px;
+}
+.aplus-ap-upload-single-file .state-un .state-un-title {
+  margin-top: 10px;
+  color: #182948;
+  font-size: 16px;
+  line-height: 22px;
+}
+.aplus-ap-upload-single-file .state-un .state-un-subtitle {
+  margin-top: 4px;
+  color: #abb7cc;
+  font-size: 12px;
+  line-height: 18px;
+}
+.aplus-ap-upload-single-file .state-ing {
+  display: flex;
+  align-items: center;
+  width: min(516px, 77.24%);
+  height: 96px;
+  padding: 0 24px;
+  border-radius: 4px;
+  background: #fff;
+}
+.aplus-ap-upload-single-file .state-ing .left {
+  flex-shrink: 0;
+  width: 48px;
+  margin-right: 16px;
+}
+.aplus-ap-upload-single-file .state-ing .left img {
+  display: block;
+  width: 100%;
+}
+.aplus-ap-upload-single-file .state-ing .center {
+  flex: 1;
+}
+.aplus-ap-upload-single-file .state-ing .center .center-title {
+  display: -webkit-box;
+  overflow: hidden;
+  font-size: 14px;
+  text-align: start;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  word-break: break-all;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.aplus-ap-upload-single-file .state-ing .center .center-progress .ant-progress-line {
+  margin-right: 0;
+  margin-bottom: 0;
+}
+.aplus-ap-upload-single-file .state-ing .right {
+  flex-shrink: 0;
+  margin-left: 24px;
+  color: #ff4d4f;
+  font-size: 20px;
+  cursor: pointer !important;
+}
+.aplus-ap-upload-single-file-un {
+  cursor: pointer;
+}
+.aplus-ap-upload-single-file-un:hover {
+  border: 1px dashed #0070ff;
+  background: rgba(0, 112, 255, 0.1);
+}
+.aplus-ap-upload-single-file-admin {
+  border: 1px dashed #D9D9D9;
+}
+.aplus-ap-upload-single-file-admin .state-un .state-un-title {
+  color: #333;
+}
+.aplus-ap-upload-single-file-admin .state-un .state-un-subtitle {
+  color: #BFBFBF;
+}

package/es/src/theme/ap-upload/upload.css

@@ -0,0 +1,6 @@
+.aplus-ap-upload {
+  position: relative;
+}
+.aplus-ap-upload .ant-btn {
+  min-width: 0;
+}

package/es/src/theme/collapse-container/header.css

@@ -3,7 +3,7 @@
   align-items: center;
   justify-content: space-between;
   height: 32px;
-  border-bottom: 1px solid #eee;
+  border-bottom: 1px solid #dee4ed;
   padding-inline: 0.5rem;
   padding-block: 1.25rem;
 }

package/es/src/theme/collapse-container/index.css

@@ -7,5 +7,5 @@
   padding: 0.5rem;
 }
 .aplus-collapse-container__footer {
-  border-top: 1px solid #eee;
+  border-top: 1px solid #dee4ed;
 }

package/es/src/theme/cropper/avatar.css

@@ -4,7 +4,7 @@
 }
 .aplus-cropper-avatar-image-wrapper {
   overflow: hidden;
-  border: 1px solid #eee;
+  border: 1px solid #dee4ed;
   border-radius: 50%;
   background: #fff;
   cursor: pointer;

package/es/src/theme/cropper/modal.css

@@ -30,7 +30,7 @@
   height: 220px;
   margin: 0 auto;
   overflow: hidden;
-  border: 1px solid #eee;
+  border: 1px solid #dee4ed;
   border-radius: 50%;
 }
 .aplus-cropper-am-preview img {
@@ -43,5 +43,5 @@
   justify-content: space-around;
   margin-top: 8px;
   padding-top: 8px;
-  border-top: 1px solid #eee;
+  border-top: 1px solid #dee4ed;
 }

package/es/src/theme/custom-column/column-select.css

@@ -0,0 +1,44 @@
+.aplus-column-select-admin__des {
+  color: #999;
+  line-height: 18px;
+}
+.aplus-column-select-admin__statistics {
+  color: #666;
+}
+.aplus-column-select-admin__all .ant-checkbox-wrapper {
+  padding: 0 6px;
+}
+.aplus-column-select-admin__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.aplus-column-select-admin__content .ant-checkbox-wrapper {
+  width: 100%;
+  margin: 2px 0;
+  padding: 6px;
+}
+.aplus-column-select-admin__content .ant-checkbox-wrapper:hover {
+  background: #f5f5f5;
+}
+.aplus-column-select__des {
+  line-height: 18px;
+  color: #8896b0;
+}
+.aplus-column-select__statistics {
+  color: #526a90;
+}
+.aplus-column-select__all .ant-checkbox-wrapper {
+  padding: 0 6px;
+}
+.aplus-column-select__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.aplus-column-select__content .ant-checkbox-wrapper {
+  width: 100%;
+  margin: 2px 0;
+  padding: 6px;
+}
+.aplus-column-select__content .ant-checkbox-wrapper:hover {
+  background: #f6f9fa;
+}

package/es/src/theme/custom-column/custom-column.css

@@ -0,0 +1,46 @@
+.aplus-custom-column-admin .ant-btn-default {
+  border-color: #d9d9d9;
+}
+.aplus-custom-column-admin .ant-btn-default:hover {
+  border-color: #d9d9d9;
+  background: #f5f5f5;
+}
+.aplus-custom-column-admin .ant-btn-default > .anticon {
+  color: #999;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-content-wrapper {
+  border-left: 1px solid #d9d9d9;
+  box-shadow: -4px 0 12px 0 rgba(44, 54, 69, 0.1);
+}
+.aplus-custom-column-admin__drawer .ant-drawer-title {
+  color: #000;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-mask {
+  background: transparent;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-extra .anticon {
+  color: #999;
+}
+.aplus-custom-column .ant-btn-default {
+  border-color: #dee4ed;
+}
+.aplus-custom-column .ant-btn-default:hover {
+  background: #f6f9fa;
+  border-color: #dee4ed;
+}
+.aplus-custom-column .ant-btn-default > .anticon {
+  color: #8896b0;
+}
+.aplus-custom-column__drawer .ant-drawer-content-wrapper {
+  border-left: 1px solid #dee4ed;
+  box-shadow: -4px 0 12px 0 rgba(44, 54, 69, 0.1);
+}
+.aplus-custom-column__drawer .ant-drawer-title {
+  color: #182948;
+}
+.aplus-custom-column__drawer .ant-drawer-mask {
+  background: transparent;
+}
+.aplus-custom-column__drawer .ant-drawer-extra .anticon {
+  color: #8896b0;
+}

package/es/src/theme/modal/index.css

@@ -14,48 +14,50 @@
 .fullscreen-modal .ant-modal-footer {
   margin-top: 0;
 }
-.ant-modal {
+.aplus-basic-modal {
   width: 520px;
   padding-bottom: 0;
 }
-.ant-modal .ant-modal-body > .scrollbar {
-  padding: 14px;
+.aplus-basic-modal .ant-modal-body > .aplus-scrollbar {
+  padding: 20px;
+  padding-bottom: 0;
 }
-.ant-modal-title {
+.aplus-basic-modal .ant-modal-title {
   font-size: 16px;
   font-weight: bold;
 }
-.ant-modal-title .base-title {
+.aplus-basic-modal .ant-modal-title .aplus-basic-title {
   cursor: move !important;
+  padding-left: 0;
 }
-.ant-modal .ant-modal-body {
+.aplus-basic-modal .ant-modal-body {
   padding: 0;
 }
-.ant-modal .ant-modal-body > .scrollbar > .scrollbar__bar.is-horizontal {
+.aplus-basic-modal .ant-modal-body > .aplus-scrollbar > .aplus-scrollbar__bar.is-horizontal {
   display: none;
 }
-.ant-modal-large {
+.aplus-basic-modal .ant-modal-large {
   top: 60px;
 }
-.ant-modal-large--mini {
+.aplus-basic-modal .ant-modal-large .ant-modal--mini {
   top: 16px;
 }
-.ant-modal-header {
-  padding: 16px;
-  border-bottom: 1px solid #eee;
+.aplus-basic-modal .ant-modal-header {
+  padding: 15px 20px;
+  margin-bottom: 0;
+  border-bottom: 1px solid #dee4ed;
 }
-.ant-modal-content {
+.aplus-basic-modal .ant-modal-content {
   padding: 0 !important;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 #000000;
 }
-.ant-modal-footer {
-  padding: 10px 16px;
-  border-top: 1px solid #eee;
+.aplus-basic-modal .ant-modal-footer {
+  padding: 20px;
+  margin-top: 0;
 }
-.ant-modal-footer button + button {
+.aplus-basic-modal .ant-modal-footer button + button {
   margin-left: 10px;
 }
-.ant-modal-close {
+.aplus-basic-modal .ant-modal-close {
   top: 0 !important;
   right: 0 !important;
   width: auto !important;
@@ -63,41 +65,38 @@
   background: transparent !important;
   font-weight: normal;
 }
-.ant-modal-close-x {
+.aplus-basic-modal .ant-modal-close-x {
   display: inline-block;
   width: 96px;
   height: 56px;
   line-height: 56px !important;
 }
-.ant-modal-confirm-body .ant-modal-confirm-content > * {
+.aplus-basic-modal .ant-modal-confirm-body .ant-modal-confirm-content > * {
   color: #909399;
 }
-.ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
+.aplus-basic-modal .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
   color: #ed6f6f;
 }
-.ant-modal-confirm-btns .ant-btn:last-child {
+.aplus-basic-modal .ant-modal-confirm-btns .ant-btn:last-child {
   margin-right: 0;
 }
-.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
+.aplus-basic-modal .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
   color: #efbd47;
 }
-.ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
+.aplus-basic-modal .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
   color: #34b77c;
 }
-.ant-modal-confirm .ant-modal-body {
-  padding: 24px !important;
-}
-@media screen and (max-height: 600px) {
+@media screen and (height <= 600px) {
   .ant-modal {
     top: 60px;
   }
 }
-@media screen and (max-height: 540px) {
+@media screen and (height <= 540px) {
   .ant-modal {
     top: 30px;
   }
 }
-@media screen and (max-height: 480px) {
+@media screen and (height <= 480px) {
   .ant-modal {
     top: 10px;
   }

package/es/src/theme/pro-form/table-form-inner.css

@@ -0,0 +1,101 @@
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-tbody > tr > td,
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
+  padding: 18px 16px 0px ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td:first-child {
+  padding: 18px 16px 0 ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item {
+  margin-bottom: 18px;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item .ant-form-item-explain {
+  line-height: 18px;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item .ant-form-item-explain + div {
+  height: 18px ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-thead > tr > th {
+  padding: 10.5px 16px !important;
+  background: #fafafa;
+  color: #182948;
+}
+.aplus-pro-table-form .table-form-aplus .ant-form-item {
+  margin-bottom: 0;
+}
+.aplus-pro-table-form .table-form-aplus .ant-form-item-has-error.ant-form-item {
+  margin-bottom: 24px;
+}
+.aplus-pro-table-form .table-form-aplus .ant-table-tbody > tr > td,
+.aplus-pro-table-form .table-form-aplus .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
+  padding: 16px 8px ;
+}
+.aplus-pro-table-form .table-form-aplus .ant-table-body .ant-table-tbody > tr.ant-table-row > td:first-child {
+  padding: 16px 8px ;
+}
+.aplus-pro-table-form .ant-table {
+  border-radius: 0 !important;
+}
+.aplus-pro-table-form .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
+  border-start-start-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-container table > thead > tr:first-child > *:last-child {
+  border-start-end-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-container,
+.aplus-pro-table-form .ant-table .ant-table-thead {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-thead > tr > th {
+  padding: 15.5px 8px !important;
+  background: #f2f6f9;
+  color: #182948;
+  text-align: left !important;
+}
+.aplus-pro-table-form .ant-table .ant-table-thead > tr > th::before {
+  display: none;
+  visibility: hidden;
+  width: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-content {
+  overflow-x: scroll;
+}
+.aplus-pro-table-form .ant-table-row.ant-table-row-level-0 .ant-table-cell {
+  vertical-align: top;
+}
+.aplus-pro-table-form--required {
+  color: #FF4D4F;
+  margin-top: 4px;
+}
+.aplus-pro-table-form--edit-cell {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.aplus-pro-table-form--form-item {
+  width: 100%;
+}
+.aplus-pro-table-form--edit-wraper {
+  display: flex;
+}
+.aplus-pro-table-form--field-error .ant-input-number,
+.aplus-pro-table-form--field-error .ant-input {
+  border-color: #ff4d4f;
+}
+.aplus-pro-table-form--text-cell {
+  margin-top: 5px;
+}
+.aplus-pro-table-form--action-cell {
+  display: flex;
+  align-items: center;
+  margin-top: 5px;
+}
+.aplus-pro-table-form--error-tip {
+  margin-left: 8px;
+  color: #FF4D4F;
+}
+.aplus-pro-table-form .ant-input-number {
+  width: 100% !important;
+}

package/es/src/theme/work-order-modal/index.css

@@ -0,0 +1,3 @@
+.aplus-work-order-modal-test {
+  background: #fff;
+}

package/es/src/transition/index.d.ts

@@ -1,4 +1,4 @@
-import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from '@vue/runtime-core';
 export { default as CollapseTransition } from './collapse-transition.vue';
 export declare const FadeTransition: DefineComponent<{
     group: {

package/es/src/transition/index.mjs

@@ -1,38 +1,35 @@
 import { createSimpleTransition as n, createJavascriptTransition as i } from "./create-transition.mjs";
 import t from "./expand-transition.mjs";
-import "vue";
-import "@aplus-frontend/utils";
-import "../config-provider/index.mjs";
-import "./style/collapse.css";
-const c = n("fade-transition"), T = n("scale-transition"), d = n("slide-y-transition"), p = n("scroll-y-transition"), x = n(
+import "./collapse-transition.vue2.mjs";
+const e = n("fade-transition"), a = n("scale-transition"), l = n("slide-y-transition"), c = n("scroll-y-transition"), T = n(
   "slide-y-reverse-transition"
-), S = n(
+), d = n(
   "scroll-y-reverse-transition"
-), m = n("slide-x-transition"), v = n("scroll-x-transition"), R = n(
+), p = n("slide-x-transition"), x = n("scroll-x-transition"), S = n(
   "slide-x-reverse-transition"
-), X = n(
+), v = n(
   "scroll-x-reverse-transition"
-), y = n(
+), m = n(
   "scale-rotate-transition"
-), Y = i(
+), R = i(
   "expand-x-transition",
   t("", !0)
-), f = i(
+), X = i(
   "expand-transition",
   t("")
 );
 export {
-  f as ExpandTransition,
-  Y as ExpandXTransition,
-  c as FadeTransition,
-  y as ScaleRotateTransition,
-  T as ScaleTransition,
-  X as ScrollXReverseTransition,
-  v as ScrollXTransition,
-  S as ScrollYReverseTransition,
-  p as ScrollYTransition,
-  R as SlideXReverseTransition,
-  m as SlideXTransition,
-  x as SlideYReverseTransition,
-  d as SlideYTransition
+  X as ExpandTransition,
+  R as ExpandXTransition,
+  e as FadeTransition,
+  m as ScaleRotateTransition,
+  a as ScaleTransition,
+  v as ScrollXReverseTransition,
+  x as ScrollXTransition,
+  d as ScrollYReverseTransition,
+  c as ScrollYTransition,
+  S as SlideXReverseTransition,
+  p as SlideXTransition,
+  T as SlideYReverseTransition,
+  l as SlideYTransition
 };

package/es/src/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 
 export type StyleValue = string | CSSProperties | Array<StyleValue>;
 export type Nullable<T> = T | null;
@@ -24,4 +24,7 @@ export interface ComponentElRef<T extends HTMLElement = HTMLDivElement> {
 }
 export type ComponentRef<T extends HTMLElement = HTMLDivElement> = ComponentElRef<T> | null;
 export type EmitType = ReturnType<typeof defineEmits>;
+type VNodeChildAtom = VNode | string | number | boolean | null | undefined | void;
+export type VueNode = VNodeChildAtom | VNodeChildAtom[] | VNode;
+export type LiteralUnion<T extends U, U> = T | (U & {});
 export {};