xt-element-ui 1.3.0 → 1.3.2

package/src/components/xt-map/style/index.scss

@@ -0,0 +1,77 @@
+.xt-map-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border-radius: 4px;
+}
+
+.xt-map-container {
+  width: 100%;
+  height: 100%;
+  background-color: var(--xt-map-bg, #f5f5f5);
+  position: relative;
+}
+
+.xt-map-container[data-theme="dark"] {
+  background-color: #1a1a1a;
+}
+
+.xt-map-loading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding: 12px 20px;
+  background-color: rgba(255, 255, 255, 0.9);
+  border-radius: 6px;
+  color: #606266;
+  font-size: 14px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  z-index: 10;
+}
+
+.xt-map-container[data-theme="dark"] + .xt-map-loading,
+.xt-map-wrapper[data-theme="dark"] .xt-map-loading {
+  background-color: rgba(30, 30, 30, 0.9);
+  color: #c0c4cc;
+}
+
+.xt-map-error {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding: 12px 20px;
+  background-color: rgba(254, 235, 235, 0.95);
+  border: 1px solid #fbc4c4;
+  border-radius: 6px;
+  color: #f56c6c;
+  font-size: 14px;
+  text-align: center;
+  max-width: 80%;
+  z-index: 10;
+}
+
+.xt-map-container[data-theme="dark"] + .xt-map-error,
+.xt-map-wrapper[data-theme="dark"] .xt-map-error {
+  background-color: rgba(60, 30, 30, 0.95);
+  border-color: #7a3a3a;
+  color: #f56c6c;
+}
+
+/* 暗黑模式下对天地图/百度的瓦片反色滤镜兜底 */
+.xt-map-container[data-theme="dark"] img {
+  /* 各适配器内部会自行处理滤镜，这里仅做最低限度兜底 */
+}
+
+/* 暗黑模式下覆盖层的辅助 CSS 变量 */
+.xt-map-container[data-theme="dark"] {
+  --xt-map-overlay-bg: rgba(30, 30, 30, 0.9);
+  --xt-map-overlay-color: #c0c4cc;
+}
+
+.xt-map-container[data-theme="light"] {
+  --xt-map-overlay-bg: rgba(255, 255, 255, 0.95);
+  --xt-map-overlay-color: #606266;
+}

package/src/components/xt-step-price/index.js

@@ -1,2 +1,11 @@
 import XtStepPrice from './index.vue'
+import XtStepPriceItem from '../xt-step-price-item/index.vue'
+
+XtStepPrice.install = function (Vue) {
+  Vue.component(XtStepPrice.name, XtStepPrice)
+  Vue.component(XtStepPriceItem.name, XtStepPriceItem)
+}
+
+// 同时导出组件和 install 方法，支持多种引入方式
 export default XtStepPrice
+export { XtStepPrice, XtStepPriceItem }

package/src/components/xt-step-price-item/index.js

@@ -1,2 +1,8 @@
 import XtStepPriceItem from './index.vue'
+
+XtStepPriceItem.install = function (Vue) {
+  Vue.component(XtStepPriceItem.name, XtStepPriceItem)
+}
+
 export default XtStepPriceItem
+export { XtStepPriceItem }

package/src/components/xt-step-price-item/index.vue

@@ -8,6 +8,7 @@
         v-model.number="minInput"
         :disabled="disabled || minLocked"
         size="small"
+        placeholder="下限"
         class="xt-step-price-item__input"
         @blur="onMinBlur"
       />
@@ -17,6 +18,7 @@
         v-model.number="maxInput"
         :disabled="disabled"
         size="small"
+        placeholder="上限"
         class="xt-step-price-item__input"
         @blur="onMaxBlur"
       />
@@ -84,7 +86,7 @@ export default {
     keyPrice() { return (this.fieldKeys && this.fieldKeys.price) || 'price' },
     finalRightBracket() {
       if (this.rightBracket !== null && this.rightBracket !== undefined && this.rightBracket !== '') return this.rightBracket
-      return this.itemsLength === 1 ? ']' : ')'
+      return this.isLast ? ']' : ')'
     },
     finalLeftBracket() {
       return (this.leftBracket === null || this.leftBracket === undefined) ? '[' : this.leftBracket

package/src/components/xt-text/index.js

@@ -1,2 +1,8 @@
-import XtText from './index.vue'
-export default XtText
+import XtText from './index.vue'
+
+XtText.install = function (Vue) {
+  Vue.component(XtText.name, XtText)
+}
+
+export default XtText
+export { XtText }

package/src/components/xt-time/index.js

@@ -1,2 +1,8 @@
 import XtTime from './index.vue'
+
+XtTime.install = function (Vue) {
+  Vue.component(XtTime.name, XtTime)
+}
+
 export default XtTime
+export { XtTime }

package/src/index.js

@@ -26,6 +26,8 @@ import XtText from './components/xt-text'
 import XtTime from './components/xt-time'
 import XtStepPrice from './components/xt-step-price'
 import XtStepPriceItem from './components/xt-step-price-item'
+import XtMap from './components/xt-map'
+import { XtMapProvider } from './components/xt-map'
 import XtGridBox from './components/xt-grid-box'
 import XtGridItem from './components/xt-grid-item'
 import ExDatePicker from './components/ex-date-picker'
@@ -50,6 +52,8 @@ const components = [
   XtTime,
   XtStepPrice,
   XtStepPriceItem,
+  XtMap,
+  XtMapProvider,
   XtGridBox,
   XtGridItem,
   ExDatePicker,
@@ -140,6 +144,8 @@ export default {
   XtTime,
   XtStepPrice,
   XtStepPriceItem,
+  XtMap,
+  XtMapProvider,
   XtGridBox,
   XtGridItem,
   ExDatePicker,