@robot-admin/naive-ui-components 0.3.0

package/dist/C_City2.js

@@ -0,0 +1,841 @@
+import { t as export_helper_default } from "./export-helper.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { NPopover, NRadioButton, NRadioGroup, NScrollbar, NSelect } from "naive-ui";
+
+//#region src/components/C_City/province.json
+var province_default = {
+	A: [{
+		"name": "安徽",
+		"id": "A",
+		"data": [
+			"合肥",
+			"芜湖",
+			"蚌埠",
+			"淮南",
+			"马鞍山",
+			"淮北",
+			"铜陵",
+			"安庆",
+			"黄山",
+			"滁州",
+			"阜阳",
+			"宿州",
+			"六安",
+			"亳州",
+			"池州",
+			"宣城"
+		]
+	}],
+	C: [{
+		"name": "重庆",
+		"id": "C",
+		"data": [
+			"万州",
+			"涪陵",
+			"渝中",
+			"大渡口",
+			"江北",
+			"沙坪坝",
+			"九龙坡",
+			"南岸",
+			"北碚",
+			"綦江",
+			"大足",
+			"渝北",
+			"巴南",
+			"黔江",
+			"长寿",
+			"江津",
+			"合川",
+			"永川",
+			"南川",
+			"璧山",
+			"铜梁",
+			"潼南",
+			"荣昌",
+			"开州",
+			"梁平",
+			"武隆",
+			"城口县",
+			"丰都县",
+			"垫江县",
+			"忠县",
+			"云阳县",
+			"奉节县",
+			"巫山县",
+			"巫溪县",
+			"石柱土家族自治县",
+			"秀山土家族苗族自治县",
+			"酉阳土家族苗族自治县",
+			"彭水苗族土家族自治县"
+		]
+	}],
+	F: [{
+		"name": "福建",
+		"id": "F",
+		"data": [
+			"福州",
+			"厦门",
+			"莆田",
+			"三明",
+			"泉州",
+			"漳州",
+			"南平",
+			"龙岩",
+			"宁德"
+		]
+	}],
+	G: [
+		{
+			"name": "广东",
+			"id": "G",
+			"data": [
+				"广州",
+				"韶关",
+				"深圳",
+				"珠海",
+				"汕头",
+				"佛山",
+				"江门",
+				"湛江",
+				"茂名",
+				"肇庆",
+				"惠州",
+				"梅州",
+				"汕尾",
+				"河源",
+				"阳江",
+				"清远",
+				"东莞",
+				"中山",
+				"潮州",
+				"揭阳",
+				"云浮"
+			]
+		},
+		{
+			"name": "广西",
+			"data": [
+				"南宁",
+				"柳州",
+				"桂林",
+				"梧州",
+				"北海",
+				"防城港",
+				"钦州",
+				"贵港",
+				"玉林",
+				"百色",
+				"贺州",
+				"河池",
+				"来宾",
+				"崇左"
+			]
+		},
+		{
+			"name": "贵州",
+			"data": [
+				"贵阳",
+				"六盘水",
+				"遵义",
+				"安顺",
+				"毕节",
+				"铜仁",
+				"黔西南布依族苗族自治州",
+				"黔东南苗族侗族自治州",
+				"黔南布依族苗族自治州"
+			]
+		},
+		{
+			"name": "甘肃",
+			"data": [
+				"兰州",
+				"嘉峪关",
+				"金昌",
+				"白银",
+				"天水",
+				"武威",
+				"张掖",
+				"平凉",
+				"酒泉",
+				"庆阳",
+				"定西",
+				"陇南",
+				"临夏回族自治州",
+				"甘南藏族自治州"
+			]
+		}
+	],
+	H: [
+		{
+			"name": "河北",
+			"id": "H",
+			"data": [
+				"石家庄",
+				"唐山",
+				"秦皇岛",
+				"邯郸",
+				"邢台",
+				"保定",
+				"张家口",
+				"承德",
+				"沧州",
+				"廊坊",
+				"衡水"
+			]
+		},
+		{
+			"name": "黑龙江",
+			"data": [
+				"哈尔滨",
+				"齐齐哈尔",
+				"鸡西",
+				"鹤岗",
+				"双鸭山",
+				"大庆",
+				"伊春",
+				"佳木斯",
+				"七台河",
+				"牡丹江",
+				"黑河",
+				"绥化",
+				"大兴安岭地"
+			]
+		},
+		{
+			"name": "河南",
+			"data": [
+				"郑州",
+				"开封",
+				"洛阳",
+				"平顶山",
+				"安阳",
+				"鹤壁",
+				"新乡",
+				"焦作",
+				"濮阳",
+				"许昌",
+				"漯河",
+				"三门峡",
+				"南阳",
+				"商丘",
+				"信阳",
+				"周口",
+				"驻马店",
+				"济源"
+			]
+		},
+		{
+			"name": "湖北",
+			"data": [
+				"武汉",
+				"黄石",
+				"十堰",
+				"宜昌",
+				"襄阳",
+				"鄂州",
+				"荆门",
+				"孝感",
+				"荆州",
+				"黄冈",
+				"咸宁",
+				"随州",
+				"恩施土家族苗族自治州",
+				"仙桃",
+				"潜江",
+				"天门",
+				"神农架林"
+			]
+		},
+		{
+			"name": "湖南",
+			"data": [
+				"长沙",
+				"株洲",
+				"湘潭",
+				"衡阳",
+				"邵阳",
+				"岳阳",
+				"常德",
+				"张家界",
+				"益阳",
+				"郴州",
+				"永州",
+				"怀化",
+				"娄底",
+				"湘西土家族苗族自治州"
+			]
+		},
+		{
+			"name": "海南",
+			"data": [
+				"海口",
+				"三亚",
+				"三沙",
+				"儋州",
+				"五指山",
+				"琼海",
+				"文昌",
+				"万宁",
+				"东方",
+				"定安县",
+				"屯昌县",
+				"澄迈县",
+				"临高县",
+				"白沙黎族自治县",
+				"昌江黎族自治县",
+				"乐东黎族自治县",
+				"陵水黎族自治县",
+				"保亭黎族苗族自治县",
+				"琼中黎族苗族自治县"
+			]
+		}
+	],
+	J: [
+		{
+			"name": "吉林",
+			"id": "J",
+			"data": [
+				"长春",
+				"吉林",
+				"四平",
+				"辽源",
+				"通化",
+				"白山",
+				"松原",
+				"白城",
+				"延边朝鲜族自治州"
+			]
+		},
+		{
+			"name": "江苏",
+			"data": [
+				"南京",
+				"无锡",
+				"徐州",
+				"常州",
+				"苏州",
+				"南通",
+				"连云港",
+				"淮安",
+				"盐城",
+				"扬州",
+				"镇江",
+				"泰州",
+				"宿迁"
+			]
+		},
+		{
+			"name": "江西",
+			"data": [
+				"南昌",
+				"景德镇",
+				"萍乡",
+				"九江",
+				"新余",
+				"鹰潭",
+				"赣州",
+				"吉安",
+				"宜春",
+				"抚州",
+				"上饶"
+			]
+		}
+	],
+	L: [{
+		"name": "辽宁",
+		"id": "L",
+		"data": [
+			"沈阳",
+			"大连",
+			"鞍山",
+			"抚顺",
+			"本溪",
+			"丹东",
+			"锦州",
+			"营口",
+			"阜新",
+			"辽阳",
+			"盘锦",
+			"铁岭",
+			"朝阳",
+			"葫芦岛"
+		]
+	}],
+	N: [{
+		"name": "内蒙古",
+		"id": "N",
+		"data": [
+			"呼和浩特",
+			"包头",
+			"乌海",
+			"赤峰",
+			"通辽",
+			"鄂尔多斯",
+			"呼伦贝尔",
+			"巴彦淖尔",
+			"乌兰察布",
+			"兴安盟",
+			"锡林郭勒盟",
+			"阿拉善盟"
+		]
+	}, {
+		"name": "宁夏",
+		"data": [
+			"银川",
+			"石嘴山",
+			"吴忠",
+			"固原",
+			"中卫"
+		]
+	}],
+	Q: [{
+		"name": "青海",
+		"id": "Q",
+		"data": [
+			"西宁",
+			"海东",
+			"海北藏族自治州",
+			"黄南藏族自治州",
+			"海南藏族自治州",
+			"果洛藏族自治州",
+			"玉树藏族自治州",
+			"海西蒙古族藏族自治州"
+		]
+	}],
+	S: [
+		{
+			"name": "山西",
+			"id": "S",
+			"data": [
+				"太原",
+				"大同",
+				"阳泉",
+				"长治",
+				"晋城",
+				"朔州",
+				"晋中",
+				"运城",
+				"忻州",
+				"临汾",
+				"吕梁"
+			]
+		},
+		{
+			"name": "上海",
+			"data": [
+				"黄浦",
+				"徐汇",
+				"长宁",
+				"静安",
+				"普陀",
+				"虹口",
+				"杨浦",
+				"闵行",
+				"宝山",
+				"嘉定",
+				"浦东新",
+				"金山",
+				"松江",
+				"青浦",
+				"奉贤",
+				"崇明"
+			]
+		},
+		{
+			"name": "山东",
+			"data": [
+				"济南",
+				"青岛",
+				"淄博",
+				"枣庄",
+				"东营",
+				"烟台",
+				"潍坊",
+				"济宁",
+				"泰安",
+				"威海",
+				"日照",
+				"临沂",
+				"德州",
+				"聊城",
+				"滨州",
+				"菏泽"
+			]
+		},
+		{
+			"name": "四川",
+			"data": [
+				"成都",
+				"自贡",
+				"攀枝花",
+				"泸州",
+				"德阳",
+				"绵阳",
+				"广元",
+				"遂宁",
+				"内江",
+				"乐山",
+				"南充",
+				"眉山",
+				"宜宾",
+				"广安",
+				"达州",
+				"雅安",
+				"巴中",
+				"资阳",
+				"阿坝藏族羌族自治州",
+				"甘孜藏族自治州",
+				"凉山彝族自治州"
+			]
+		},
+		{
+			"name": "陕西",
+			"data": [
+				"西安",
+				"铜川",
+				"宝鸡",
+				"咸阳",
+				"渭南",
+				"延安",
+				"汉中",
+				"榆林",
+				"安康",
+				"商洛"
+			]
+		}
+	],
+	T: [{
+		"name": "天津",
+		"id": "T",
+		"data": [
+			"和平",
+			"河东",
+			"河西",
+			"南开",
+			"河北",
+			"红桥",
+			"东丽",
+			"西青",
+			"津南",
+			"北辰",
+			"武清",
+			"宝坻",
+			"滨海新",
+			"宁河",
+			"静海",
+			"蓟州"
+		]
+	}],
+	X: [{
+		"name": "西藏",
+		"id": "X",
+		"data": [
+			"拉萨",
+			"日喀则",
+			"昌都",
+			"林芝",
+			"山南",
+			"那曲",
+			"阿里地"
+		]
+	}, {
+		"name": "新疆",
+		"data": [
+			"乌鲁木齐",
+			"克拉玛依",
+			"吐鲁番",
+			"哈密",
+			"昌吉回族自治州",
+			"博尔塔拉蒙古自治州",
+			"巴音郭楞蒙古自治州",
+			"阿克苏地",
+			"克孜勒苏柯尔克孜自治州",
+			"喀什地",
+			"和田地",
+			"伊犁哈萨克自治州",
+			"塔城地",
+			"阿勒泰地",
+			"石河子",
+			"阿拉尔",
+			"图木舒克",
+			"五家渠",
+			"北屯",
+			"铁门关",
+			"双河",
+			"可克达拉",
+			"昆玉",
+			"胡杨河"
+		]
+	}],
+	Y: [{
+		"name": "云南",
+		"id": "Y",
+		"data": [
+			"昆明",
+			"曲靖",
+			"玉溪",
+			"保山",
+			"昭通",
+			"丽江",
+			"普洱",
+			"临沧",
+			"楚雄彝族自治州",
+			"红河哈尼族彝族自治州",
+			"文山壮族苗族自治州",
+			"西双版纳傣族自治州",
+			"大理白族自治州",
+			"德宏傣族景颇族自治州",
+			"怒江傈僳族自治州",
+			"迪庆藏族自治州"
+		]
+	}],
+	Z: [{
+		"name": "浙江",
+		"id": "Z",
+		"data": [
+			"杭州",
+			"宁波",
+			"温州",
+			"嘉兴",
+			"湖州",
+			"绍兴",
+			"金华",
+			"衢州",
+			"舟山",
+			"台州",
+			"丽水"
+		]
+	}],
+	直辖市: [{
+		"name": "直辖市",
+		"id": "直辖市",
+		"data": [
+			"北京",
+			"天津",
+			"上海",
+			"重庆"
+		]
+	}],
+	港澳: [{
+		"name": "港澳",
+		"id": "港澳",
+		"data": ["香港", "澳门"]
+	}]
+};
+
+//#endregion
+//#region src/components/C_City/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "city-selector-trigger" };
+const _hoisted_2 = { class: "city-selector-trigger__text" };
+const _hoisted_3 = { class: "city-selector-content" };
+const _hoisted_4 = { class: "city-selector-header" };
+const _hoisted_5 = {
+	key: 0,
+	class: "city-selector-letters"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = {
+	key: 0,
+	class: "city-list"
+};
+const _hoisted_8 = ["id"];
+const _hoisted_9 = { class: "city-group__letter" };
+const _hoisted_10 = { class: "city-group__cities" };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = {
+	key: 1,
+	class: "province-list"
+};
+const _hoisted_13 = ["id"];
+const _hoisted_14 = { class: "province-group__name" };
+const _hoisted_15 = { class: "province-group__cities" };
+const _hoisted_16 = ["onClick"];
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_City",
+	__name: "index",
+	props: {
+		modelValue: {},
+		placeholder: { default: "请选择城市" },
+		showLetters: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const cityData = ref(null);
+		onMounted(async () => {
+			const mod = await import("./city.js");
+			cityData.value = mod.default ?? mod;
+		});
+		const emit = __emit;
+		const visible = ref(false);
+		const radioValue = ref("city");
+		const searchValue = ref("");
+		const allProvinces = computed(() => {
+			const provinces = [];
+			Object.values(province_default).forEach((group) => {
+				provinces.push(...group);
+			});
+			return provinces;
+		});
+		const cityDataByLetter = computed(() => {
+			if (cityData.value?.cities) return cityData.value.cities;
+			const cities = {};
+			let cityId = 1;
+			const citySet = /* @__PURE__ */ new Set();
+			allProvinces.value.forEach((province) => {
+				province.data.forEach((cityName) => {
+					citySet.add(cityName);
+				});
+			});
+			Array.from(citySet).forEach((cityName) => {
+				const letter = cityName[0].toUpperCase();
+				if (!cities[letter]) cities[letter] = [];
+				cities[letter].push({
+					id: cityId++,
+					name: cityName,
+					spell: ""
+				});
+			});
+			const sortedCities = {};
+			Object.keys(cities).sort().forEach((letter) => {
+				sortedCities[letter] = cities[letter].sort((a, b) => a.name.localeCompare(b.name, "zh-CN"));
+			});
+			return sortedCities;
+		});
+		const letters = computed(() => {
+			if (radioValue.value === "city") return Object.keys(cityDataByLetter.value).sort();
+			else {
+				const provinceLetters = /* @__PURE__ */ new Set();
+				Object.keys(province_default).forEach((key) => {
+					if (key !== "直辖市" && key !== "港澳") provinceLetters.add(key);
+				});
+				const result = Array.from(provinceLetters).sort();
+				result.push("直辖市", "港澳");
+				return result;
+			}
+		});
+		const searchOptions = computed(() => {
+			if (radioValue.value === "city") {
+				const options = [];
+				Object.values(cityDataByLetter.value).forEach((cities) => {
+					cities.forEach((city) => {
+						options.push({
+							label: city.name,
+							value: city.name
+						});
+					});
+				});
+				return options;
+			} else return allProvinces.value.flatMap((province) => province.data.map((city) => ({
+				label: `${city} (${province.name})`,
+				value: city
+			})));
+		});
+		const handleCitySelect = (cityName) => {
+			emit("update:modelValue", cityName);
+			emit("change", cityName);
+			visible.value = false;
+		};
+		const handleSearchSelect = (value) => {
+			if (value) {
+				handleCitySelect(value);
+				searchValue.value = "";
+			}
+		};
+		const scrollToLetter = (letter) => {
+			const element = document.getElementById(`letter-${letter}`);
+			if (element) element.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NPopover), {
+				show: visible.value,
+				"onUpdate:show": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
+				placement: "bottom-start",
+				width: 430,
+				trigger: "click",
+				"show-arrow": false
+			}, {
+				trigger: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {
+					value: _ctx.modelValue,
+					visible: visible.value
+				}, () => [createElementVNode("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(_ctx.modelValue || _ctx.placeholder), 1)])], true)]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_3, [
+					createElementVNode("div", _hoisted_4, [createVNode(unref(NRadioGroup), {
+						value: radioValue.value,
+						"onUpdate:value": _cache[0] || (_cache[0] = ($event) => radioValue.value = $event),
+						size: "small"
+					}, {
+						default: withCtx(() => [createVNode(unref(NRadioButton), { value: "city" }, {
+							default: withCtx(() => _cache[3] || (_cache[3] = [createTextVNode("按城市", -1)])),
+							_: 1,
+							__: [3]
+						}), createVNode(unref(NRadioButton), { value: "province" }, {
+							default: withCtx(() => _cache[4] || (_cache[4] = [createTextVNode("按省份", -1)])),
+							_: 1,
+							__: [4]
+						})]),
+						_: 1
+					}, 8, ["value"]), createVNode(unref(NSelect), {
+						value: searchValue.value,
+						"onUpdate:value": [_cache[1] || (_cache[1] = ($event) => searchValue.value = $event), handleSearchSelect],
+						class: "city-selector-search",
+						options: searchOptions.value,
+						filterable: "",
+						clearable: "",
+						placeholder: "搜索城市"
+					}, null, 8, ["value", "options"])]),
+					_ctx.showLetters ? (openBlock(), createElementBlock("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(letters.value, (letter) => {
+						return openBlock(), createElementBlock("span", {
+							key: letter,
+							class: "city-selector-letter",
+							onClick: ($event) => scrollToLetter(letter)
+						}, toDisplayString(letter), 9, _hoisted_6);
+					}), 128))])) : createCommentVNode("v-if", true),
+					createVNode(unref(NScrollbar), { class: "city-selector-body" }, {
+						default: withCtx(() => [radioValue.value === "city" ? (openBlock(), createElementBlock("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(cityDataByLetter.value, (cities, letter) => {
+							return openBlock(), createElementBlock("div", {
+								key: letter,
+								id: `letter-${letter}`,
+								class: "city-group"
+							}, [createElementVNode("div", _hoisted_9, toDisplayString(letter) + ":", 1), createElementVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(cities, (city, index) => {
+								return openBlock(), createElementBlock("span", {
+									key: `${letter}-${index}`,
+									class: normalizeClass(["city-item", { "is-active": _ctx.modelValue === city.name }]),
+									onClick: ($event) => handleCitySelect(city.name)
+								}, toDisplayString(city.name), 11, _hoisted_11);
+							}), 128))])], 8, _hoisted_8);
+						}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(allProvinces.value, (province) => {
+							return openBlock(), createElementBlock("div", {
+								key: province.id,
+								id: `letter-${province.id}`,
+								class: "province-group"
+							}, [createElementVNode("div", _hoisted_14, toDisplayString(province.name) + ":", 1), createElementVNode("div", _hoisted_15, [(openBlock(true), createElementBlock(Fragment, null, renderList(province.data, (city, index) => {
+								return openBlock(), createElementBlock("span", {
+									key: `${province.id}-${index}`,
+									class: normalizeClass(["city-item", { "is-active": _ctx.modelValue === city }]),
+									onClick: ($event) => handleCitySelect(city)
+								}, toDisplayString(city), 11, _hoisted_16);
+							}), 128))])], 8, _hoisted_13);
+						}), 128))]))]),
+						_: 1
+					})
+				])]),
+				_: 3
+			}, 8, ["show"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_City/index.vue
+var C_City_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9639851e"]]);
+
+//#endregion
+export { C_City_default as t };
+//# sourceMappingURL=C_City2.js.map