@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/web/components/form/userOrgSelect/component/index.css

@@ -0,0 +1,323 @@
+/* 最外层容器 */
+.weda-ui-user-selected {
+}
+
+/* 弹窗 */
+.weda-ui-user-select-modal {
+}
+
+.weda-ui-user-select-modal .wedatea2td-icon-status-blank {
+  width: 120px;
+  height: 80px;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTIwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iMTIwIiBoZWlnaHQ9IjgwIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcxLjg0NjIgMjcuODQ2MkM3MS44NDYyIDM0LjM4ODYgNjYuNTQyNCAzOS42OTIzIDYwIDM5LjY5MjNDNTMuNDU3NSAzOS42OTIzIDQ4LjE1MzggMzQuMzg4NiA0OC4xNTM4IDI3Ljg0NjJDNDguMTUzOCAyMS4zMDM3IDUzLjQ1NzUgMTYgNjAgMTZDNjYuNTQyNCAxNiA3MS44NDYyIDIxLjMwMzcgNzEuODQ2MiAyNy44NDYyWiIgZmlsbD0iI0U3RTdFNyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTgwLjE4MjkgNDcuNjU1NUM4MS4zMTI5IDQ4LjE5NTIgODIgNDkuMzU0MiA4MiA1MC42MDY0VjU4LjMwNzdDODIgNTkuMjQyMyA4MS4yNDIzIDYwIDgwLjMwNzcgNjBIMzkuNjkyM0MzOC43NTc3IDYwIDM4IDU5LjI0MjMgMzggNTguMzA3N1Y1MC42MDY0QzM4IDQ5LjM1NDIgMzguNjg3MSA0OC4xOTUyIDM5LjgxNzEgNDcuNjU1NUM0NS45NTE4IDQ0LjcyNTUgNTIuNzc5IDQzLjA3NjkgNjAgNDMuMDc2OUM2Ny4yMjEgNDMuMDc2OSA3NC4wNDgyIDQ0LjcyNTUgODAuMTgyOSA0Ny42NTU1WiIgZmlsbD0iI0U3RTdFNyIvPgo8ZyBvcGFjaXR5PSIwLjkiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2JfMTQxNV8xNTM2OSkiPgo8Y2lyY2xlIGN4PSI4NSIgY3k9IjQ4IiByPSIxNSIgZmlsbD0iIzAwNTJEOSIvPgo8L2c+CjxwYXRoIGQ9Ik04NC4xODc1IDQ4LjgxMjVWNTMuNjI1SDg1LjgxMjVWNDguODEyNUg5MC42MjVWNDcuMTg3NUg4NS44MTI1VjQyLjM3NUg4NC4xODc1VjQ3LjE4NzVINzkuMzc1VjQ4LjgxMjVIODQuMTg3NVoiIGZpbGw9IndoaXRlIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIxX2JfMTQxNV8xNTM2OSkiPgo8cGF0aCBkPSJNNDcuOTAwOSAzOS43MDRMNDAuOTQxNSA2NS44Mzk5TDIyLjUxMzggNDkuMDMyMUw0Ny45MDA5IDM5LjcwNFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNDE1XzE1MzY5KSIvPgo8L2c+CjxyZWN0IHg9IjMzLjE4MyIgeT0iOC42ODMwMSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAzMy4xODMgOC42ODMwMSkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjkiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfYl8xNDE1XzE1MzY5IiB4PSI2NC42NjY3IiB5PSIyNy42NjY3IiB3aWR0aD0iNDAuNjY2NyIgaGVpZ2h0PSI0MC42NjY3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjIuNjY2NjciLz4KPGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE0MTVfMTUzNjkiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE0MTVfMTUzNjkiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjFfYl8xNDE1XzE1MzY5IiB4PSIxNy4xODA2IiB5PSIzNC4zNzA2IiB3aWR0aD0iMzYuMDUzNiIgaGVpZ2h0PSIzNi44MDI2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjIuNjY2NjciLz4KPGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE0MTVfMTUzNjkiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE0MTVfMTUzNjkiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNDE1XzE1MzY5IiB4MT0iNDIuOTQzMSIgeTE9IjQ0LjA0ODIiIHgyPSIyOS4xNzciIHkyPSI1OS4xNDExIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0OEM3OUMiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzQ4Qzc5QyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
+}
+
+.weda-ui-user-select-modal .wedatea2td-dialog__inner {
+  width: 800px;
+}
+.weda-ui-user-select-modal .wedatea2td-tree--full-line {
+  max-width: 800px;
+}
+/* 弹窗内容包裹 */
+.weda-ui-user-select-container {
+  border: 1px solid #dcdcdc;
+  border-radius: 3px;
+}
+
+.weda-ui-user-select-container .wedatea2td-form--search {
+  margin: 8px;
+}
+
+/* 弹窗内容 列表容器，包括树和列表 */
+.weda-ui-user-select-container-list {
+  display: flex;
+  height: 320px;
+}
+.weda-ui-user-select-container-list
+  .wedatea2td-tree__node-content
+  .wedatea2td-icon {
+  margin-top: 3px;
+}
+
+.weda-ui-user-select-container-list__start,
+.weda-ui-user-select-container-list__end {
+  flex: 1 1 auto;
+  min-width: 50%;
+  box-sizing: border-box;
+  border-right: 1px solid #e7e7e7;
+  padding: 0 8px 8px;
+  overflow: auto;
+}
+
+.weda-ui-user-select-container .weda-ui-user-select-container-list__end {
+  height: 320px;
+}
+
+/* .weda-ui-user-select-container-list__start,
+.depart-tree,
+.wedatea2td-tree__node,
+.wedatea2td-tree__label, img{
+  margin-right: 2px;
+} */
+.weda-ui-user-select-container-list__start
+  .depart-tree
+  .wedatea2td-tree__node.is-selected
+  > .wedatea2td-tree__node-content {
+  background-color: #d4e3fc;
+}
+.weda-ui-user-select-container-list__start
+  .depart-tree
+  .wedatea2td-tree__node.is-selected
+  > .wedatea2td-tree__node-content
+  .wedatea2td-tree__label {
+  background-color: #d4e3fc;
+}
+.weda-ui-user-select-container-list__start
+  .wedatea2td-tree.wedatea2td-tree--checkbox-separate
+  .wedatea2td-tree__node.is-selected
+  > .wedatea2td-tree__node-content
+  .wedatea2td-tree__label
+  .wedatea2td-tree__label-title {
+  background-color: #d4e3fc;
+}
+
+/* 弹窗内容 列表头部信息容器 */
+.weda-ui-user-select-container-list-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+  position: sticky;
+  top: 0;
+  background-color: #fff;
+  z-index: 1;
+}
+
+.weda-ui-user-select-container-list__end.is-scrolling
+  .weda-ui-user-select-container-list-header {
+  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
+  margin-left: -8px;
+  margin-right: -8px;
+  padding: 0 8px;
+}
+
+.weda-ui-user-select-container-list-header__col {
+  line-height: 22px;
+}
+
+/* 弹窗内容 统计/翻页 */
+.weda-ui-user-select-container-list-header__statistics {
+  display: flex;
+  align-items: center;
+}
+
+/* 列表 */
+.weda-ui-user-select-list {
+}
+
+.weda-ui-user-select-list .wedatea2td-form-check-group {
+  margin-bottom: 0;
+  width: 100%;
+}
+
+/* 结果列表 */
+.weda-ui-user-select-result {
+  height: 120px;
+  box-sizing: border-box;
+  border: 1px solid #dcdcdc;
+  border-radius: 3px;
+  margin-top: 20px;
+  padding: 8px;
+  overflow: auto;
+}
+
+/* 选择输入框 */
+.weda-ui-user-select-input {
+  height: 32px;
+  box-sizing: border-box;
+  display: flex;
+  cursor: pointer;
+  padding: 3px 0;
+  width: 100%;
+}
+
+.weda-ui-user-select-input__placeholder {
+  flex: 1 1 0px;
+  line-height: 24px;
+  color: #9a9a9a !important;
+  font-size: inherit;
+}
+
+/* 选择输入框 值 tags */
+.weda-ui-user-select-input__values {
+  flex: 1 1 0px;
+  overflow: hidden;
+}
+
+.weda-ui-user-select-input__img {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgNUMxMS41IDYuOTMzIDkuOTMzIDguNSA4IDguNUM2LjA2NyA4LjUgNC41IDYuOTMzIDQuNSA1QzQuNSAzLjA2NyA2LjA2NyAxLjUgOCAxLjVDOS45MzMgMS41IDExLjUgMy4wNjcgMTEuNSA1Wk0xMC41IDVDMTAuNSAzLjYxOTI5IDkuMzgwNzEgMi41IDggMi41QzYuNjE5MjkgMi41IDUuNSAzLjYxOTI5IDUuNSA1QzUuNSA2LjM4MDcxIDYuNjE5MjkgNy41IDggNy41QzkuMzgwNzEgNy41IDEwLjUgNi4zODA3MSAxMC41IDVaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggZD0iTTEzLjk2MzEgMTAuODUyOEMxNC4yOTcgMTEuMDEyMiAxNC41IDExLjM1NDcgMTQuNSAxMS43MjQ2VjE0QzE0LjUgMTQuMjc2MSAxNC4yNzYxIDE0LjUgMTQgMTQuNUgyQzEuNzIzODYgMTQuNSAxLjUgMTQuMjc2MSAxLjUgMTRWMTEuNzI0NkMxLjUgMTEuMzU0NyAxLjcwMzAyIDExLjAxMjIgMi4wMzY4NiAxMC44NTI4QzMuODQ5NCA5Ljk4NzA4IDUuODY2NTEgOS41IDggOS41QzEwLjEzMzUgOS41IDEyLjE1MDYgOS45ODcwOCAxMy45NjMxIDEwLjg1MjhaTTggMTAuNUM2LjAzMzQgMTAuNSA0LjE3NDM1IDEwLjk0NTcgMi41IDExLjczOThWMTMuNUgxMy41VjExLjczOThDMTEuODI1NyAxMC45NDU3IDkuOTY2NiAxMC41IDggMTAuNVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K);
+  background-repeat: no-repeat;
+  width: 24px;
+  margin-top: 4px;
+}
+
+.weda-ui-user-select-input__values .wedatea2td-tag {
+  margin: 0;
+  height: 24px;
+  line-height: 22px;
+  margin-right: 8px;
+  margin-bottom: 8px;
+}
+
+.weda-ui-user-select-input__values .wedatea2td-tag .wedatea2td-icon-dismiss {
+  bottom: 3px;
+}
+
+/* 选择输入框 尾部信息 */
+.weda-ui-user-select-input__extra {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  flex: 0 0 auto;
+  border-radius: 3px;
+  padding: 0 8px;
+  cursor: pointer;
+}
+
+/* 选择输入框 尾部信息 */
+.weda-ui-user-select-input__extra__disabled {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  flex: 0 0 auto;
+  border-radius: 3px;
+  padding: 0 8px;
+}
+
+.weda-ui-user-select-input__extra .wedatea2td-icon-more,
+.weda-ui-user-select-input__extra__disabled .wedatea2td-icon-more {
+  margin-right: 8px;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgOUMyLjQ0Nzc1IDkgMiA4LjU1MjI4IDIgOEMyIDcuNDQ3NzIgMi40NDc3NSA3IDMgN0MzLjU1MjI1IDcgNCA3LjQ0NzcyIDQgOEM0IDguNTUyMjggMy41NTIyNSA5IDMgOVoiIGZpbGw9IiMwMDUyRDkiLz4KPHBhdGggZD0iTTcgOEM3IDguNTUyMjggNy40NDc3NSA5IDggOUM4LjU1MjI1IDkgOSA4LjU1MjI4IDkgOEM5IDcuNDQ3NzIgOC41NTIyNSA3IDggN0M3LjQ0Nzc1IDcgNyA3LjQ0NzcyIDcgOFoiIGZpbGw9IiMwMDUyRDkiLz4KPHBhdGggZD0iTTEyIDhDMTIgOC41NTIyOCAxMi40NDc4IDkgMTMgOUMxMy41NTIyIDkgMTQgOC41NTIyOCAxNCA4QzE0IDcuNDQ3NzIgMTMuNTUyMiA3IDEzIDdDMTIuNDQ3OCA3IDEyIDcuNDQ3NzIgMTIgOFoiIGZpbGw9IiMwMDUyRDkiLz4KPC9zdmc+Cg==);
+}
+
+.weda-ui-user-select-input__extra:hover {
+  background-color: #d4e3fc;
+}
+.weda-ui-org-selected .wedatea2td-dropdown__header .wedatea2td-icon-arrowdown {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMy41QzEuNSAyLjk0NzcxIDEuOTQ3NzIgMi41IDIuNSAyLjVINS40Mjg1N0g1LjU5MDZMNS43MjE4MyAyLjU5NTAzTDcuNjYyMDIgNEgxMy41QzE0LjA1MjMgNCAxNC41IDQuNDQ3NzIgMTQuNSA1VjEzQzE0LjUgMTMuNTUyMyAxNC4wNTIzIDE0IDEzLjUgMTRIMi41QzEuOTQ3NzIgMTQgMS41IDEzLjU1MjMgMS41IDEzTDEuNSAzLjVaTTUuMjY2NTUgMy41TDIuNSAzLjVWMTNIMTMuNVY1SDcuNUg3LjMzNzk4TDcuMjA2NzUgNC45MDQ5N0w1LjI2NjU1IDMuNVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K);
+  background-repeat: no-repeat;
+  left: 8px;
+  top: 8px;
+}
+
+.weda-ui-user-selected .wedatea2td-dropdown__header .wedatea2td-icon-arrowdown {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgNUMxMS41IDYuOTMzIDkuOTMzIDguNSA4IDguNUM2LjA2NyA4LjUgNC41IDYuOTMzIDQuNSA1QzQuNSAzLjA2NyA2LjA2NyAxLjUgOCAxLjVDOS45MzMgMS41IDExLjUgMy4wNjcgMTEuNSA1Wk0xMC41IDVDMTAuNSAzLjYxOTI5IDkuMzgwNzEgMi41IDggMi41QzYuNjE5MjkgMi41IDUuNSAzLjYxOTI5IDUuNSA1QzUuNSA2LjM4MDcxIDYuNjE5MjkgNy41IDggNy41QzkuMzgwNzEgNy41IDEwLjUgNi4zODA3MSAxMC41IDVaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggZD0iTTEzLjk2MzEgMTAuODUyOEMxNC4yOTcgMTEuMDEyMiAxNC41IDExLjM1NDcgMTQuNSAxMS43MjQ2VjE0QzE0LjUgMTQuMjc2MSAxNC4yNzYxIDE0LjUgMTQgMTQuNUgyQzEuNzIzODYgMTQuNSAxLjUgMTQuMjc2MSAxLjUgMTRWMTEuNzI0NkMxLjUgMTEuMzU0NyAxLjcwMzAyIDExLjAxMjIgMi4wMzY4NiAxMC44NTI4QzMuODQ5NCA5Ljk4NzA4IDUuODY2NTEgOS41IDggOS41QzEwLjEzMzUgOS41IDEyLjE1MDYgOS45ODcwOCAxMy45NjMxIDEwLjg1MjhaTTggMTAuNUM2LjAzMzQgMTAuNSA0LjE3NDM1IDEwLjk0NTcgMi41IDExLjczOThWMTMuNUgxMy41VjExLjczOThDMTEuODI1NyAxMC45NDU3IDkuOTY2NiAxMC41IDggMTAuNVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K);
+  background-repeat: no-repeat;
+  left: 8px;
+  top: 8px;
+}
+.weda-ui-org-selected .wedatea2td-dropdown__header,
+.weda-ui-user-selected .wedatea2td-dropdown__header {
+  padding-left: 32px !important;
+  padding-right: 8px !important;
+}
+.weda-ui-user-selected-overlay-hidden {
+  display: none;
+}
+
+.weda-user-tree-select .wedatea2td-dropdown-btn .wedatea2td-dropdown__value {
+  white-space: break-spaces;
+}
+/*禁用效果*/
+.weda-user-tree-select .is-disabled .wedatea2td-tag--unlimited-width {
+  background-color: #dcdcdc;
+  color: rgba(0, 0, 0, 0.26);
+}
+
+/* 组织树选中框*/
+.weda-ui-user-select-container
+  .wedatea2td-tree.wedatea2td-tree--checkbox-separate
+  .wedatea2td-tree__label
+  .wedatea2td-form-check {
+  width: auto;
+  height: 46px;
+  padding-left: 0px;
+}
+
+/* 面包屑 */
+.weda-select-user-dept-breadcrumb {
+  font-size: 14px;
+  line-height: 22px;
+  color: rgba(0, 0, 0, 0.4);
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  position: relative;
+}
+
+/* .weda-select-user-dept-breadcrumb::after {
+  content: '';
+  display: block;
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 40px;
+  background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1) 60%)
+} */
+
+.weda-select-user-dept-breadcrumb__item {
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.weda-select-user-dept-breadcrumb__item:hover {
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.weda-select-user-dept-breadcrumb__item.is-selected {
+  color: #0052d9;
+}
+
+.weda-select-user-dept-breadcrumb__separate {
+  flex: 0 0 auto;
+  display: inline-flex;
+  margin: 0 8px;
+  width: 16px;
+  height: 16px;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjQ1OTUyIDEyLjQ1OTdMNS41NDAyOCAxMS41NDA1TDkuMDgwNjYgOC4wMDAxTDUuNTQwMjggNC40NTk3Mkw2LjQ1OTUyIDMuNTQwNDhMMTAuOTE5MSA4LjAwMDFMNi40NTk1MiAxMi40NTk3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
+}
+
+.weda-select-user-dept__dialog .weda-select-user-dept-breadcrumb {
+  padding: 20px 16px 8px;
+  background-color: #fff;
+}
+
+.weda-select-user-dept__load-completed {
+  text-align: center;
+  margin: 12px 0 50px 0;
+  color: rgba(0, 0, 0, 0.4);
+  opacity: 0.4;
+  font-size: 0.85714rem;
+  height: 50px;
+}
+/* .weda-select-user-dept__dialog .wedatea2td-form-check__user {
+  padding-left: 32px;
+} */
+
+.weda-select-user-dept__dialog .weda-select-user-dept__dialog-content {
+  height: calc(100% - 20px);
+  background-color: #fff;
+}
+.weda-select-user-dept__dialog .wedatea2td-form-check__user .item-radio-name {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: rgba(0, 0, 0, 0.9);
+  max-width: 100%;
+}

package/dist/web/components/form/userOrgSelect/component/input-tags.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Tag, Icon, Text } from 'tea-component';
+export const InputTags = ({ tagsList, placeholder, onClose, multiple, errInfo, disabled, platForm = 'pc', }) => {
+    return (React.createElement("div", { className: "weda-ui-user-select-input" },
+        React.createElement(React.Fragment, null,
+            tagsList && tagsList.length > 0 && !errInfo.errorStatus ? (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "weda-ui-user-select-input__values" }, (tagsList || []).map((item) => (React.createElement(React.Fragment, null, disabled ? (React.createElement(Tag, { key: item === null || item === void 0 ? void 0 : item.id, "data-testid": "defaultValueDisabled" }, (item === null || item === void 0 ? void 0 : item.content) || '-')) : (React.createElement(Tag, { key: item === null || item === void 0 ? void 0 : item.id, onClose: (e) => onClose(e, item), "data-testid": "defaultValueText" }, (item === null || item === void 0 ? void 0 : item.content) || '-')))))),
+                multiple && (React.createElement("div", { className: disabled
+                        ? 'weda-ui-user-select-input__extra__disabled'
+                        : 'weda-ui-user-select-input__extra' }, platForm === 'pc' ? (React.createElement(React.Fragment, null,
+                    React.createElement(Icon, { type: "more" }),
+                    React.createElement(Text, { theme: "primary" },
+                        "\u5171",
+                        tagsList.length,
+                        "\u4E2A"))) : (React.createElement("div", { className: "weda-select-user-dept__select-total" },
+                    "\u5171",
+                    tagsList.length,
+                    "\u4E2A",
+                    React.createElement("i", { className: "lcap-icon lcap-icon-chevronright" }))))))) : (React.createElement(Text, { className: "weda-ui-user-select-input__placeholder" }, placeholder)),
+            errInfo.errorStatus && (React.createElement(Text, { className: "weda-ui-user-select-input__placeholder" }, errInfo.errorMessage)))));
+};

package/dist/web/components/form/userOrgSelect/component/modal-search-h5.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import classNames from '../../../../utils/classnames';
+export const ModalSearchH5 = (props) => {
+    const { value, onChange, onCancel, isSearch, onFocus } = props;
+    return (React.createElement("div", { className: classNames({
+            'weda-select-user-dept__dialog-search-h5': true,
+            'weda-select-user-dept__dialog-search-focus': isSearch,
+        }) },
+        React.createElement("div", { className: "weda-select-user-dept__dialog-search-box" },
+            React.createElement("input", { id: "wd-search-input", type: "text", onFocus: onFocus, value: value, onClick: (e) => {
+                    e.stopPropagation();
+                }, onChange: (e) => {
+                    var _a;
+                    onChange((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value);
+                }, className: "weda-select-user-dept__dialog-search-input" }),
+            React.createElement("div", { className: classNames({
+                    'weda-select-user-dept__dialog-label': true,
+                    'weda-select-user-dept__dialog-label-value': value,
+                }) },
+                React.createElement("span", { className: "search-icon" }),
+                React.createElement("span", { className: "search-placeholder" }, "\u641C\u7D22")),
+            value && value.length > 0 && (React.createElement("div", { className: "weda-select-user-dept__dialog-input-clear", onClick: () => onChange('') },
+                React.createElement("p", { className: "weda-select-user-dept__dialog-input-clear-close" })))),
+        React.createElement("span", { className: "weda-select-user-dept__dialog-search-cancel", onClick: onCancel }, "\u53D6\u6D88")));
+};

package/dist/web/components/form/userOrgSelect/component/modal-search.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SearchBox } from 'tea-component';
+import { UserOrgList } from './user-org-list';
+import './index.css';
+export const ModalSearch = (props) => {
+    const { searchList, onReset, keyWords, onSearch, loading, errInfo, selectedList, multiple, setSelectedList, setSelectedIds, selectedIds, isUser = true, } = props;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SearchBox, { "data-testid": "SearchBox", onChange: onSearch, onSearch: (key) => onSearch(key), onClear: () => onReset(), placeholder: `搜索${isUser ? '成员' : '部门'}` }),
+        keyWords.length !== 0 && (React.createElement("div", { className: "weda-ui-user-select-container-list__end " },
+            React.createElement(UserOrgList, { isUser: isUser, userOrgList: searchList, isOrg: true, loading: loading, errorStatus: errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus, errorMessage: errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorMessage, selectedList: selectedList, multiple: multiple, setSelectedIds: setSelectedIds, setSelectedList: setSelectedList, selectedIds: selectedIds })))));
+};

package/dist/web/components/form/userOrgSelect/component/modal-select-h5.js

@@ -0,0 +1,201 @@
+import React, { useEffect, useState } from 'react';
+import { Modal } from 'tea-component';
+import { ModalSearchH5 } from './modal-search-h5';
+import { ErrorStatus, LoadingStatus } from './error-tips';
+import { DepartBreadcrumb } from './depart-breadcrumb';
+import { SelectedListH5 } from './selected-list-h5';
+import './index.css';
+import { OrgTreeH5 } from './org-tree-h5';
+import { UserListH5 } from './user-select-h5/user-list-h5';
+import { getNode, getBreadNode } from '../common/utils';
+import debounce from '../../../../utils/debounce';
+import { fetchSearchUser, fetchUserList } from '../common/fetch-data-service';
+const appendNode = { id: 'appendNode', content: '直属成员' };
+export const ModalSelectH5 = (props) => {
+    var _a;
+    const { open, onClose, onConfirm, treeData, multiple = false, errorInfo, setErrorInfo, selectedUserList, setSelectedUserList, confirmUserList, request, filterParams, pageNo, setPageNo, pageSize, treeDataError, } = props;
+    const [loading, setLoading] = useState({ id: null, status: false });
+    const [pageLoading, setPageLoading] = useState(false);
+    const [listLoading, setListLoading] = useState(false);
+    const [isSearch, setIsSearch] = useState(false);
+    // 是否有搜索项
+    const [keyWords, setKeyWords] = useState('');
+    const [showTreeData, setShowTreeData] = useState([]);
+    const [breadCrumbData, setBreadCrumbData] = useState([]);
+    const [userList, setUserList] = useState([]);
+    const [isEnd, setIsEnd] = useState(false);
+    const treeNode = getNode(treeData, 'root', 'id');
+    useEffect(() => {
+        // 仅执行一次
+        if (treeData) {
+            setShowTreeData(treeNode);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [treeData]);
+    useEffect(() => {
+        // 仅执行一次
+        if (open) {
+            setShowTreeData(treeNode);
+            setUserList([]);
+            setBreadCrumbData([]);
+            setPageNo(1);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    const handleFocus = (value) => {
+        setIsSearch(value);
+    };
+    //重置状态
+    const onrest = () => {
+        setIsEnd(false);
+        handleFocus(false);
+        setKeyWords('');
+        setBreadCrumbData([]);
+        setUserList([]);
+        setShowTreeData(treeNode);
+    };
+    //搜索值变化延迟响应，节流处理
+    const onSearch = debounce((key) => {
+        try {
+            setBreadCrumbData([]);
+            if (key && key.length > 0) {
+                setPageLoading(true);
+                fetchSearchUser({ key, ...filterParams }, request).then((res) => {
+                    setPageLoading(false);
+                    setUserList(res);
+                });
+            }
+            else {
+                setUserList([]);
+                setShowTreeData(treeNode);
+            }
+        }
+        catch (e) {
+            setPageLoading(false);
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    }, 500);
+    const cancleSearch = () => {
+        onrest();
+    };
+    const loadItem = (item) => {
+        var _a;
+        try {
+            setPageNo(1);
+            setLoading({ id: item === null || item === void 0 ? void 0 : item.id, status: true });
+            switch (item === null || item === void 0 ? void 0 : item.id) {
+                case 'isNoOrgList': {
+                    const orgId = item === null || item === void 0 ? void 0 : item.id;
+                    fetchUserData({ orgId, pageNo, pageSize, request, ...filterParams });
+                    setBreadCrumbData(getBreadNode(breadCrumbData, item));
+                    break;
+                }
+                case 'appendNode': {
+                    const orgId = (_a = breadCrumbData[breadCrumbData.length - 1]) === null || _a === void 0 ? void 0 : _a.id;
+                    fetchUserData({ orgId, pageNo, pageSize, request, ...filterParams });
+                    break;
+                }
+                default: {
+                    fetchUserList({ OrgId: item === null || item === void 0 ? void 0 : item.id, pageNo, pageSize, ...filterParams }, request).then((res) => {
+                        setLoading({ id: null, status: false });
+                        setListLoading(false);
+                        if ((res === null || res === void 0 ? void 0 : res.total) > 0) {
+                            appendNode['children'] = res === null || res === void 0 ? void 0 : res.records;
+                            appendNode['content'] = `直属成员(${res === null || res === void 0 ? void 0 : res.total})`;
+                            setShowTreeData((item === null || item === void 0 ? void 0 : item.children)
+                                ? [appendNode].concat(item === null || item === void 0 ? void 0 : item.children)
+                                : [appendNode]);
+                        }
+                        else {
+                            setShowTreeData((item === null || item === void 0 ? void 0 : item.children) ? [].concat(item === null || item === void 0 ? void 0 : item.children) : []);
+                        }
+                        setBreadCrumbData(getBreadNode(breadCrumbData, item));
+                    });
+                    break;
+                }
+            }
+        }
+        catch (e) {
+            setLoading({ id: null, status: false });
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    const onBreadCrumbClick = (item) => {
+        var _a;
+        setKeyWords('');
+        if (!item) {
+            //根目录
+            setIsEnd(false);
+            setUserList([]);
+            setPageNo(1);
+            setShowTreeData(treeNode);
+            setBreadCrumbData([]);
+        }
+        else {
+            //避免重复点击请求
+            if ((item === null || item === void 0 ? void 0 : item.id) !== ((_a = breadCrumbData[breadCrumbData.length - 1]) === null || _a === void 0 ? void 0 : _a.id) ||
+                showTreeData.length === 0) {
+                setListLoading(true);
+                setIsEnd(false);
+                // 部门目录
+                loadItem(item);
+            }
+        }
+    };
+    const onScrollBottom = debounce(() => {
+        var _a;
+        if (!(keyWords && keyWords.length > 0)) {
+            const orgId = ((_a = breadCrumbData[breadCrumbData.length - 1]) === null || _a === void 0 ? void 0 : _a.id) || 'isNoOrgList';
+            setLoading({ id: orgId, status: true });
+            fetchUserData({ orgId, pageNo, pageSize, request, ...filterParams });
+        }
+    }, 1000);
+    const fetchUserData = ({ orgId, pageNo, pageSize, request, ...resetProps }) => {
+        if (orgId && !isEnd) {
+            fetchUserList({ OrgId: orgId, pageNo, pageSize, ...resetProps }, request).then((res) => {
+                setLoading({ id: null, status: false });
+                if ((res === null || res === void 0 ? void 0 : res.total) > 0) {
+                    const currentUserData = userList.concat(res === null || res === void 0 ? void 0 : res.records);
+                    setUserList(currentUserData);
+                    setShowTreeData([]);
+                    if ((res === null || res === void 0 ? void 0 : res.total) <= currentUserData.length) {
+                        setIsEnd(true);
+                    }
+                    else {
+                        setPageNo(pageNo + 1);
+                    }
+                }
+            });
+        }
+    };
+    const onTouchMove = (e) => {
+        document.getElementById('wd-search-input').blur();
+        e.stopPropagation();
+    };
+    return (React.createElement(Modal, { visible: open, onClose: () => {
+            onrest();
+            onClose();
+        }, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog` },
+        React.createElement(Modal.Body, { className: ((_a = selectedUserList[0]) === null || _a === void 0 ? void 0 : _a.userId) ? 'is-selected-value' : '' },
+            React.createElement("div", { className: "weda-select-user-dept__dialog-header" }, '选择成员'),
+            React.createElement(ModalSearchH5, { value: keyWords, onChange: (key) => {
+                    setKeyWords(key);
+                    onSearch(key);
+                }, onCancel: cancleSearch, isSearch: isSearch, onFocus: (e) => {
+                    handleFocus(true);
+                    e.stopPropagation();
+                } }),
+            (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorStatus) ? (React.createElement(ErrorStatus, { description: (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorMessage) || null })) : (React.createElement(React.Fragment, null, treeData && treeData.length > 0 && !pageLoading ? (React.createElement("div", { className: "weda-select-user-dept__dialog-content" },
+                !(keyWords && keyWords.length > 0) && (React.createElement(DepartBreadcrumb, { data: breadCrumbData, onBreadCrumbClick: (item) => onBreadCrumbClick(item) })),
+                listLoading ? (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "weda-select-user-dept__dialog-list" },
+                        React.createElement(LoadingStatus, null)))) : (React.createElement(React.Fragment, null, showTreeData &&
+                    showTreeData.length > 0 &&
+                    !(keyWords && keyWords.length > 0) ? (React.createElement(OrgTreeH5, { treeData: showTreeData, loading: loading, loadItem: (item) => loadItem(item), treeDataError: treeDataError, onTouchMove: onTouchMove })) : (React.createElement(UserListH5, { userList: userList, selectedList: selectedUserList, setSelectedList: setSelectedUserList, loading: loading, multiple: multiple, isEnd: isEnd, isSearch: keyWords ? true : false, onScrollBottom: onScrollBottom, onTouchMove: onTouchMove })))))) : (React.createElement("div", { className: "weda-select-user-dept__dialog-list" },
+                React.createElement(LoadingStatus, null)))))),
+        React.createElement(Modal.Footer, null,
+            React.createElement(SelectedListH5, { selectedList: selectedUserList, setSelectedList: setSelectedUserList, confirmUserList: confirmUserList, onClose: () => {
+                    onrest();
+                    onClose();
+                }, onConfirm: onConfirm }))));
+};

package/dist/web/components/form/userOrgSelect/component/org-tree-h5.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { LoadingStatus, ErrorStatus } from './error-tips';
+import './index.css';
+import { IconFont } from 'tdesign-icons-react';
+import classNames from '../../../../utils/classnames';
+export const OrgTreeH5 = (props) => {
+    const { treeData, treeDataError, loading, loadItem, onTouchMove } = props;
+    return (React.createElement("div", { className: classNames('weda-select-user-dept__dialog-list'), onTouchMove: (e) => onTouchMove(e) }, treeDataError ? (React.createElement(ErrorStatus, { description: treeDataError || null })) : (React.createElement(React.Fragment, null, treeData && treeData.length > 0 && !treeDataError ? ((treeData || []).map((item, index) => (React.createElement("div", { className: "weda-select-user-dept__list-item", key: index + (item === null || item === void 0 ? void 0 : item.id), onClick: () => {
+            !(item === null || item === void 0 ? void 0 : item.isUser) ? loadItem(item) : null;
+        } },
+        React.createElement("div", { className: "weda-select-user-dept__list-item-wrap" },
+            React.createElement("div", { className: (item === null || item === void 0 ? void 0 : item.id) === 'appendNode'
+                    ? 'weda-select-user-dept__item-detail weda-select-user-dept__item-detail-is-user'
+                    : 'weda-select-user-dept__item-detail weda-select-user-dept__item-detail-is-org' },
+                React.createElement("div", { className: "item-name" }, item === null || item === void 0 ? void 0 : item.content),
+                loading.id !== item.id && (React.createElement("div", { className: "lcap-icon lcap-icon-chevronright" })),
+                loading.id === item.id && (loading === null || loading === void 0 ? void 0 : loading.status) && (React.createElement("div", null,
+                    React.createElement(IconFont, { name: "loading", className: `user_loading weda-grid-navigation__fonticon` }))))))))) : (React.createElement(LoadingStatus, null))))));
+};

package/dist/web/components/form/userOrgSelect/component/org-tree.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Tree } from 'tea-component';
+import { LoadingStatus, ErrorStatus } from './error-tips';
+import './index.css';
+export const OrgTree = (props) => {
+    const { selectedOrgId = [], treeData, treeDataError, onActive, 
+    //是否展示 Checkbox
+    selectable = false, 
+    //是否多选
+    mutiple = false, } = props;
+    // 切换选中组织节点
+    const onChange = (ids, checked, nodeId) => {
+        //是否取消选中
+        if (selectedOrgId.indexOf(nodeId) !== -1) {
+            const actionIds = selectedOrgId.filter((e) => e !== nodeId);
+            onActive(actionIds);
+        }
+        else {
+            //单选情况下
+            if (!mutiple) {
+                onActive([nodeId]);
+            }
+            else {
+                onActive(selectedOrgId.concat([nodeId]));
+            }
+        }
+    };
+    return (React.createElement(React.Fragment, null, treeDataError ? (React.createElement(ErrorStatus, { description: treeDataError || null })) : (React.createElement(React.Fragment, null, treeData && treeData.length > 0 && !treeDataError ? (React.createElement(Tree, { className: "depart-tree", data: treeData, fullActivable: true, activable: true, selectable: selectable, selectedIds: selectedOrgId, activeIds: selectedOrgId, selectStrictly: true, onActive: (ids, context) => {
+            onChange(ids, context === null || context === void 0 ? void 0 : context.active, context === null || context === void 0 ? void 0 : context.nodeId);
+        }, onSelect: (ids, context) => {
+            onChange(ids, context === null || context === void 0 ? void 0 : context.selected, context === null || context === void 0 ? void 0 : context.nodeId);
+        } })) : (React.createElement(LoadingStatus, null))))));
+};